„JavaScript DOM Programming Art' Lesenotizen – JavaScript-Bildbibliothek_Javascript-Kenntnisse

Zwei Möglichkeiten, das src-Attribut eines Bildes zu ändern:

1. Die setAttribute-Methode ist eine Komponente des „Level 1 DOM“, die jedes Attribut des Elementknotens festlegen kann.

2, element.src = source; Dies war die Methode vor dem Aufkommen von „Level 1 DOM“ und sie funktioniert jetzt.

Der Vorteil von „Level 1 DOM“ ist seine Portabilität. Diese alten Methoden sind nur auf Webdokumente anwendbar, während DOM auf jede Auszeichnungssprache anwendbar ist.

Event-Handler-Funktion

Wenn auf einen Link geklickt wird, möchte ich auf dieser Webseite bleiben, anstatt zu einem anderen Fenster zu wechseln. Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

http://www.example.com" onclick="showPic(this); return false ;">Click

Wenn auf diesen Link geklickt wird, wird das Standardverhalten dieses Links nicht ausgelöst, da der vom Onclick-Ereignishandler ausgelöste Javascript-Code „false“ zurückgibt.

childNodes-Attribut

Das Attribut childNodes kann verwendet werden, um alle untergeordneten Elemente eines beliebigen Elements abzurufen. Das von der Eigenschaft childNodes zurückgegebene Array enthält Knoten aller Typen, nicht nur Elementknoten. Tatsächlich ist fast alles im Dokument ein Knoten. Auch Leerzeichen und Zeilenumbrüche werden als Knoten interpretiert und sind alle in dem von der Eigenschaft childNodes zurückgegebenen Array enthalten.

Aber jeder Knoten hat das Attribut nodeType. Das Attribut „nodeType“ hat insgesamt 12 mögliche Werte, von denen jedoch nur 3 wertvoll sind: Der Attributwert „nodeType“ von Elementknoten ist 1, der Attributwert „nodeType“ von Attributknoten ist 2 und der Attributwert „nodeType“ von Textknoten ist 3.

Wenn Sie den Wert eines Textknotens ändern möchten, verwenden Sie das von DOM bereitgestellte nodeValue-Attribut.

Das Array-Element childNodes[0] verfügt über ein intuitiveres und lesbareres Synonym, das als firstChild geschrieben werden kann und auch ein entsprechendes lastChild-Attribut bereitstellt.

Beispiel:

Code kopieren Der Code lautet wie folgt:

Wählen Sie ein Bild

Erstellen Sie zunächst eine Variable zum Speichern:

Code kopieren Der Code lautet wie folgt:

var description = document.getElementById("description");

Der Rückgabewert von description.nodeValue ist null. Das nodeValue-Attribut des

-Elements selbst ist ein Nullwert. Wenn Sie den Wert des im

-Elements enthaltenen Texts abrufen möchten, verwenden Sie description.childNodes[0].nodeValue