ホームページ > 記事 > ウェブフロントエンド > JavaScript の属性属性は何をするのでしょうか?
JavaScript の属性属性は何をするのでしょうか?
- 青灯夜游オリジナル
- 2021-10-25 17:41:532096ブラウズ
JavaScript では、attributes 属性は、指定された要素ノード、つまり NamedNodeMap オブジェクトの属性コレクションを取得して返すことができます。構文は「要素ノード.attributes」です。
このチュートリアルの動作環境: 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 上級チュートリアル]
以上がJavaScript の属性属性は何をするのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。