Heim > Web-Frontend > js-Tutorial > Hauptteil

So fügen Sie untergeordnete Knoten in JavaScript hinzu

青灯夜游
Freigeben: 2023-01-07 11:47:22
Original
7421 Leute haben es durchsucht

So fügen Sie untergeordnete Knoten in JavaScript hinzu: Verwenden Sie zuerst die Anweisung „document.getElementById(„id“)“, um den übergeordneten Elementknoten gemäß dem angegebenen ID-Wert abzurufen. Verwenden Sie dann „parent node.innerHTML="

So fügen Sie untergeordnete Knoten in JavaScript hinzu

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

JavaScript zum Hinzufügen untergeordneter Knoten

Erstellen Sie eine HTML-Datei wie folgt:

So fügen Sie untergeordnete Knoten in JavaScript hinzu

Schreiben Sie im Skript-Tag den JS-Code:

Holen Sie sich das div-Element:

So fügen Sie untergeordnete Knoten in JavaScript hinzu

Nachdem Sie es erhalten haben, können Sie es bedienen und mit innerHTML ein Unterelement p hinzufügen:

So fügen Sie untergeordnete Knoten in JavaScript hinzu

Auf diese Weise fügen wir diesem Div ein p-Element hinzu. Wenn Sie weitere Elemente hinzufügen müssen, können Sie dies tun Schreiben Sie auch direkt:

So fügen Sie untergeordnete Knoten in JavaScript hinzu

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo fügen Sie untergeordnete Knoten in JavaScript hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!