JavaScript legt Methoden zum Abrufen und Festlegen von attributes_javascript-Tipps fest

getAttribute

Diese Methode wird verwendet, um die Attribute des Elements abzurufen. Die aufrufende Methode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

object.getAttribute(attribute)

Im Gegensatz zu einigen zuvor eingeführten Methoden gehört die getAttribute-Methode nicht zum Dokumentobjekt und kann daher nicht über das Dokumentobjekt aufgerufen werden. Es kann nur über Elementknotenobjekte aufgerufen werden.

Diese Methode akzeptiert nur einen Parameter, Sie geben den Namen des abzufragenden Attributs an. Wenn die angegebene Eigenschaft nicht festgelegt ist, ist das Ergebnis ein Nullobjekt.

setAttribute

Das Gegenteil von oben ist setAttribute, das zum Festlegen der Attribute von Elementknoten verwendet wird. Die aufrufende Methode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

object.setAttribute(attribute)

Diese Methode akzeptiert nur einen Parameter, nämlich das Attribut, das Sie festlegen möchten.

Erweiterte Lektüre

Nachdem Sie das Dokument über setAttribute geändert haben und den Quellcode des Dokuments über die Option „Quelle anzeigen“ des Browsers anzeigen, wird der Wert vor der Änderung weiterhin angezeigt. Mit anderen Worten: Die von setAttribute vorgenommenen Änderungen werden nicht in der Quelle widergespiegelt Code des Dokuments selbst. Dieses Phänomen der „Inkonsistenz zwischen Erscheinungsbild und Innerem“ ist auf den Arbeitsmodus des DOM zurückzuführen: Der statische Inhalt des Dokuments wird zuerst geladen und dann dynamisch aktualisiert. Die dynamische Aktualisierung hat keinen Einfluss auf den statischen Inhalt des Dokuments. Das ist die wahre Stärke des DOM: Seiteninhalte aktualisieren, ohne die Seite im Browser zu aktualisieren.

Die beiden oben genannten Methoden sind neue APIs in DOM Level 1. Bevor sie erscheinen, können sie durch eine andere Methode implementiert werden, beispielsweise wie folgt

Attribute abrufen:

Code kopieren Der Code lautet wie folgt:

var val = element.attribute //Attribute abrufen

Das Obige entspricht

Code kopieren Der Code lautet wie folgt:

var val = element.getAttribute('attribute');

Eigenschaften festlegen:

Code kopieren Der Code lautet wie folgt:

element.attribute = "der neue Wert";

Es entspricht

Code kopieren Der Code lautet wie folgt:

element.setAttribute("attribute", "der neue Wert");

Wenn Sie faul sein und weniger mit der Tastatur tippen möchten, wird die obige Methode empfohlen. Die beste Vorgehensweise besteht jedoch darin, den DOM-Standard zu respektieren, d. h. setAttribute und getAttribute zu verwenden.

Das Obige ist der gesamte Inhalt dieses Artikels. Freunde, die ihn brauchen, können ihn lernen.