suchen

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

So ändern Sie Textinhalte mit Javascript

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

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

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