Heim > Artikel > Web-Frontend > So ändern Sie Div-Inhalte mit Javascript
So ändern Sie Div-Inhalte mit Javascript
- 青灯夜游Original
- 2021-04-19 17:31:108261Durchsuche
So ändern Sie den Div-Inhalt mit JavaScript: Verwenden Sie zunächst die Anweisung „document.getElementById('id value')“, um das div-Objekt basierend auf dem ID-Wert abzurufen. Verwenden Sie dann das innerHTML-Attribut, um den div-Inhalt mit der Syntax zu ändern "div object.innerHTML='value'".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript-Methode zum Ändern von Div-Inhalten:
HTML-Code:
<div id="updateId">将要被修改的div</div>
js-Code:
<script type="text/javascript">
function changeText(){
document.getElementById('updateId').innerHTML = 'hello world！';
}
</script>
Beschreibung:
Die Methode getElementById() gibt einen Verweis auf das erste Objekt mit der angegebenen ID zurück.
Die innerHTML-Eigenschaft legt den HTML-Code zwischen den öffnenden und schließenden Tags einer Tabellenzeile fest oder gibt ihn zurück.
【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】
Das obige ist der detaillierte Inhalt vonSo ändern Sie Div-Inhalte mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!