So ändern Sie Div-Inhalte mit Javascript

So ändern Sie den Inhalt eines Div mit JavaScript: Fügen Sie zuerst die ID und den Textinhalt zum Tag hinzu und erstellen Sie dann ein [<script>]; Verwenden Sie dann das innerHTML-Attribut, um den Textinhalt im Div zu ändern mit einem Browser. </script>

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So ändern Sie div-Inhalte mit JavaScript:

1 Öffnen Sie das HTML-Entwicklungstool, erstellen Sie eine neue HTML-Seite, erstellen Sie dann ein

und fügen Sie dem Tag eine ID und Textinhalt hinzu.

2. Speichern Sie den HTML-Code und öffnen Sie ihn mit einem Browser. Sie können sehen, dass die Seite den Textinhalt im div-Tag anzeigt.

3. Kehren Sie zur HTML-Codeseite zurück, erstellen Sie ein <script> und verwenden Sie dann das innerHTML-Attribut, um den Textinhalt innerhalb des div zu ändern. </script>

JavaScript-Code:

document.getElementById("demo").innerHTML = "hello world";

4. Speichern Sie den HTML-Code und öffnen Sie ihn dann mit einem Browser, um zu sehen, dass auf der Browserseite mit JavaScript geänderter Text angezeigt wird.

Verwandte kostenlose Lernempfehlungen: Javascript-Lerntutorial

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!