Arbeiten mit dem Inhalt des Elements Code mit javascript

In javascript können Sie Knotentypen und Knotenwerte unter Verwendung der HTML-DOM anzuzeigen. Sie können auch die Verwendung von Eigenschaftswerte von Elementen innerhalb des DOM gesetzt Element

Menu

Objekt. Wenn Sie javascript verwenden, um die Eigenschaften von DOM-Elemente zu setzen, werden die neuen Werte in Echtzeit innerhalb des HTML-Dokuments reflektiert.

Ändern der Eigenschaften der Elemente in einem Web-Dokument, um sie sofort im Browser zu reflektieren, ohne dass die Webseite zu aktualisieren oder neu zu laden, ist ein Eckpfeiler dessen, was früher genannt zu werden Web 2.0.

innerHTML-

Die wichtigste Eigenschaft eines Elements, das Sie durch das DOM ändern kann, ist die innerHTML- Eigentum.

Das innerHTML- Eigenschaft eines Elements enthält alles, was zwischen dem Anfang und End-Tag des Elements. Beispielsweise in dem folgenden Code, das innerHTML- Eigentum der div Element enthält ein p Element und dessen Textknoten Kind:

Dieser issome Text.

Es ist sehr häufig in Web-Programmierung leer zu erstellen div Elemente in Ihrem HTML-Dokument und verwenden Sie dann die innerHTML- Eigenschaft, um dynamisch HTML in die Elemente einzufügen.

Zum Abrufen und den Wert des Displays innerHTML- Eigenschaft können Sie den folgenden Code verwenden:

var getTheInner = document.body.firstChild.innerHTML-document.write (getTheInner) -

Im vorangegangenen Code wird der Wert, der Ausgang durch die sein document.write () Methode ist

Dies ist ein Text.

Einstellen der innerHTML- Eigenschaft wird in der gleichen Art und Weise getan, dass Sie die Eigenschaft eines Objekts festgelegt wird:

document.body.firstChild.innerHTML = # 147-Hallo! # 148--

Das Ergebnis der vorhergehenden javascript ausgeführt wird, dass die p Element und der Satz von Text in der Original Markup wird mit den Worten ersetzt werden # 147-Hallo! # 148- Die ursprüngliche HTML-Dokument bleibt unverändert, aber die DOM-Darstellung und die Wiedergabe der Web-Seite wird aktualisiert, um den neuen Wert zu reflektieren. Da die DOM-Darstellung des HTML-Dokuments ist es, was der Browser angezeigt wird, wird auch die Anzeige Ihrer Webseite aktualisiert werden.

Einstellen Attribute

Um den Wert eines HTML-Attribut gesetzt ist, können Sie mit dem setAttribute () Verfahren:

document.body.firstChild.innerHTML.setAttribute (# 147-Klasse # 148-, # 147-myclass # 148 -) -

Das Ergebnis dieser Anweisung ausgeführt ist, dass das erste Kind-Element des Körperelements wird ein neues Attribut mit dem Namen angegeben werden # 147-Klasse# 148- mit einem Wert von # 147-meine Klasse# 148-.

Ähnliche

Menü