JavaScript fügt der Seite Elemente hinzu

Methode: 1. Verwenden Sie „getElementsByTagName()“, um das übergeordnete Knotenelement abzurufen. 2. Verwenden Sie „createElement()“, um Tags dynamisch zu erstellen. 3. Verwenden Sie „appendChild()“, um das Tag unter dem angegebenen Element zu platzieren . Verwenden Sie „innerHTML“, um Textinhalte hinzuzufügen.

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

Wenn Sie Elemente dynamisch zur Seite hinzufügen möchten, müssen Sie zunächst bestimmen, nach welchem ​​Element das Element hinzugefügt werden soll, und dann die appendChild-Methode von js verwenden, um das Element nach dem Element anzuhängen.

1. Holen Sie sich das übergeordnete Knotenelement var body = document.getElementsByTagName('body')[0].

2. Erstellen Sie dann dynamisch ein Tag var a = document.createElement('a').

3. Hängen Sie das erstellte Tag mit body.appendChild(a) an den Textkörper an.

4. Fügen Sie Textinhalt a.innerHTML = 'Dies ist ein Link' innerhalb des a-Tags hinzu. Fügen Sie einen Link a.href = 'https://www.baidu.com/' zum a-Tag hinzu.

Erweiterungsinformationen:

js Einige native Methoden

• Die Methode element.appendChild() fügt dem Knoten den letzten untergeordneten Knoten hinzu.

• element.innerHTML legt den Inhalt des Elements fest oder gibt ihn zurück.

• document.getElementsByTagName() gibt eine Sammlung von Objekten mit dem angegebenen Tag-Namen zurück.

• document.getElementById() gibt einen Verweis auf das erste Objekt mit der angegebenen ID zurück.

• document.createElement() erstellt ein Element durch Angabe eines Namens.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonJavaScript fügt der Seite Elemente hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!