Es gibt zwei Möglichkeiten, das SRC -Attribut des Bildes zu ändern:
1. Die SetAttribute -Methode ist eine Komponente von "Stufe 1 DOM", mit der alle Attribute des Elementknotens festgelegt werden können.
2, Element.src = Quelle; Dies ist die Methode vor dem Auftreten von "Level 1 DOM" und ist jetzt auch wirksam.
Der Vorteil von "Level 1 DOM" ist die gute Portabilität. Diese alten Methoden gelten nur für Webdokumente, während DOM für jede Markup -Sprache gilt.
Ereignisbearbeitungsfunktion
Wenn ich auf einen Link klicke, möchte ich auf dieser Webseite bleiben, anstatt zu einem anderen Fenster zu gehen, ist der Code wie folgt:
Die Codekopie lautet wie folgt:
<a href = "http://www.example.com" onclick = "showpic (this); return false;"> klicken </a>
Wenn Sie auf diesen Link klicken, da der vom JavaScript -Code zurückgegebene Wert, der durch die Funktion des Onclick -Ereignishandlers ausgelöst wird, falsch ist, wird das Standardverhalten dieses Links nicht ausgelöst.
Childnodes Attribut
Das Childnodes -Attribut kann verwendet werden, um alle untergeordneten Elemente eines beliebigen Elements zu erhalten. 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, und selbst Räume und Linienbrüche werden als Knoten interpretiert, und sie sind alle im Array enthalten, das von der Childnodes -Eigenschaft zurückgegeben wird.
Aber jeder Knoten hat eine Nodetype -Eigenschaft. Für Nodetype -Attribute gibt es 12 wünschenswerte Werte, aber nur 3 von ihnen haben nützliche Werte: Der Nodetyp -Attributwert des Elementknotens ist 1, der Nodetyp -Attributwert des Attributknotens ist 2 und der Nodetyp -Attributwert des Textknotens beträgt 3.
Wenn Sie den Wert eines Textknotens ändern möchten, verwenden Sie die vom DOM bereitgestellte NodeValue -Eigenschaft.
Das Array-Element Childnodes [0] hat ein intuitiveres und leicht zu lesendes Synonym, das als FirstChild geschrieben werden kann. Das DOM liefert auch ein entsprechendes LastChild -Attribut.
Beispiel:
Die Codekopie lautet wie folgt:
<p id = "Beschreibung"> Wählen Sie ein Bild </p>
Erstellen Sie zuerst eine Variable, um sie zu speichern:
Die Codekopie lautet wie folgt:
var Beschreibung = document.getElementById ("Beschreibung");
Der Rückgabewert der Beschreibung.nodeValue ist null. Die NodeValue -Eigenschaft des <p> Elements selbst ist ein Nullwert. Wenn Sie den Wert des im <p> Element enthaltenen Textes erhalten möchten, müssen Sie Beschreibung verwenden.