Was bewirkt das Attribut „Javascript-Attribute'?-Front-End-Fragen und Antworten-php.cn

Was bewirkt das Attribut „Javascript-Attribute'?

青灯夜游

Freigeben： 2021-10-25 17:41:53

Original

2071 Leute haben es durchsucht

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“.

Was bewirkt das Attribut „Javascript-Attribute'?

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>

Nach dem Login kopieren

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:

Was bewirkt das Attribut „Javascript-Attribute?

[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!