So ändern Sie Textinhalte mit Javascript-js-Tutorial-php.cn

So ändern Sie Textinhalte mit Javascript

青灯夜游

Freigeben： 2023-01-06 11:13:56

Original

13476 Leute haben es durchsucht

So ändern Sie Textinhalte in JavaScript: Verwenden Sie zuerst die Anweisung „document.getElementById(id value)“, um das Textelementobjekt abzurufen; verwenden Sie dann die Anweisung „text element object.innerHTML= „new text content““, um es zu ändern .

So ändern Sie Textinhalte mit Javascript

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

HTML-Inhalt ändern

Der einfachste Weg, den Inhalt eines HTML-Dokuments zu ändern, ist die Verwendung des innerHTML-Attributs.

Wenn Sie den Inhalt von HTML-Elementen ändern müssen, verwenden Sie bitte diese Syntax:

document.getElementById(id).innerHTML = new text

Nach dem Login kopieren

Beispiel:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 可以更改 HTML</h2>

<p id="p1">Hello World!</p>

<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>

<p>上面的段落由脚本更改。</p>

</body>
</html>

Nach dem Login kopieren

So ändern Sie Textinhalte mit Javascript

Methode zum Suchen von Elementen:

1. Elemente basierend auf der ID

document.getElementById("id属性的值");

Nach dem Login kopieren

2 abrufen. Holen Sie sich das Element basierend auf dem Tag-Namenselement

document.getElementsByTagName("标签的名字");

Nach dem Login kopieren

3. Holen Sie sich das Element basierend auf dem Klassenattribut

document.getElementsByName("name属性的值");

Nach dem Login kopieren

5 eins)

document.getElementsByClassName("类样式的名字");

Nach dem Login kopieren

6. Holen Sie sich das Element basierend auf dem CSS-Pfad (holen Sie sich eins) Gruppe)

document.querySelector("css路径");

Nach dem Login kopieren

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

】

Das obige ist der detaillierte Inhalt vonSo ändern Sie Textinhalte mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!