Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bewirkt das Attribut „Javascript-Attribute'?
Was bewirkt das Attribut „Javascript-Attribute'?
- 青灯夜游Original
- 2021-10-25 17:41:532146Durchsuche
In JavaScript kann das Attribut attributes die Attributsammlung des angegebenen Elementknotens abrufen und zurückgeben, dh das NamedNodeMap-Objekt. Die Syntax lautet „element node.attributes“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer. Das Attribut
attributes gibt die Attributsammlung des angegebenen Knotens zurück, also das NamedNodeMap-Objekt.
Tipp: Sie können das Längenattribut verwenden, um die Anzahl der Attribute zu bestimmen. Anschließend können Sie alle Attributknoten durchlaufen und die benötigten Informationen extrahieren.
Syntax: node.attributes
Rückgabewert: NamedNodeMap-Objekt, das eine Sammlung von Attributen darstellt.
<!DOCTYPE html>
<html>
<body>
<p>点击按钮来查看 button 元素拥有多少属性。</p>
<button id="myBtn" onclick="myFunction()">试一下</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myBtn").attributes.length;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>Lasst uns raten, was das Ergebnis ist? Das Ergebnis sollte 2 sein (die Attribute id und onclick des Button-Elements). Schauen Sie sich die Renderings an:
[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonWas bewirkt das Attribut „Javascript-Attribute'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!