JavaScriptでid属性を取得する方法-jsチュートリアル-php.cn

JavaScriptでid属性を取得する方法

醉折花枝作酒筹

リリース： 2023-01-06 11:16:59

オリジナル

24050 人が閲覧しました

js では、getAttribute メソッドを使用して id 属性を取得できます。構文形式は「object.getAttribute(id name)」です。「getAttribute()」メソッドは、パラメータ (クエリ対象の属性の名前) を 1 つだけ持ち、要素ノードオブジェクトを通じて呼び出される関数です。

JavaScriptでid属性を取得する方法

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

getAttribute("id") 関数を使用して要素の ID 値を取得するだけです

要素を見つけた後、getAttribute() メソッドを使用して要素の値を取得できます。そのさまざまな属性をチェックしてください。

getAttribute() メソッドは関数です。パラメータは 1 つだけです - クエリする属性の名前:

ただし、getAttribute() メソッドはドキュメントオブジェクトを通じて呼び出すことができません。これは、以前に紹介した他のメソッドとは異なります。要素ノードオブジェクトを通じてのみ呼び出すことができます。

たとえば、これを getElementsByTagName() メソッドと組み合わせて、各

構文:

element.getAttribute(attributename)

ログイン後にコピー

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
</head>
<body>

读取 <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var a=document.getElementsByTagName("a")[0];
	document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>

</body>
</html>

ログイン後にコピー

効果:

JavaScriptでid属性を取得する方法