Heim > Artikel > Web-Frontend > So ändern Sie Textinhalte mit Javascript

So ändern Sie Textinhalte mit Javascript

青灯夜游Original: 2021-05-18 15:59:3713258Durchsuche

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 .

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

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>

So ändern Sie Textinhalte mit Javascript

Methode zum Suchen von Elementen:

1. Elemente basierend auf der ID

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

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

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

3. Holen Sie sich das Element basierend auf dem Klassenattribut

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

5 eins)

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

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

document.querySelector("css路径");

【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!

JavaScript css html class 对象 innerHTML

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So implementieren Sie den Druckvorgang in JavaScriptNächster Artikel：So implementieren Sie den Druckvorgang in JavaScript

In Verbindung stehende Artikel

Mehr sehen