JavaScript の属性属性は何をするのでしょうか?-フロントエンドQ&A-php.cn

JavaScript の属性属性は何をするのでしょうか?

青灯夜游

リリース： 2021-10-25 17:41:53

オリジナル

2073 人が閲覧しました

JavaScript では、attributes 属性は、指定された要素ノード、つまり NamedNodeMap オブジェクトの属性コレクションを取得して返すことができます。構文は「要素ノード.attributes」です。

JavaScript の属性属性は何をするのでしょうか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

attributes 属性は、指定されたノードの属性コレクション、つまり NamedNodeMap オブジェクトを返します。

ヒント: length プロパティを使用してプロパティの数を決定し、すべてのプロパティノードを反復処理して必要な情報を抽出できます。

構文: node.attributes

戻り値: 属性のコレクションを表す NamedNodeMap オブジェクト。

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

ログイン後にコピー

結果がどうなるか予想してみませんか?結果は 2 (button 要素の id 属性と onclick 属性) になるはずです。レンダリングを見てみましょう:

JavaScript の属性属性は何をするのでしょうか?