DOM要素のgetElementsByTagNameNS()メソッド
getElementsByTagNameNS()メソッドはDOM Elementオブジェクトの1つのメソッドであり、指定された名前空間とタグ名のすべての子要素を取得するために使用されます。
指定された名前空間とローカル名に対応する要素をすべて取得します。
パラメーターの説明:
- namespaceURI:マッチする名前空間URIであり、名前空間URIの文字列または”*”ワイルドカードを使用できます。
- ローカル名:マッチするタグ名。
結果:
NodeListオブジェクトを返し、すべての一致するサブ要素を含みます。
例:
<!DOCTYPE html>
<html>
<body>
<div id="myDiv">
<p>Hello World!</p>
<p>This is a paragraph.</p>
</div>
<script>
var div = document.getElementById("myDiv");
var paragraphs = div.getElementsByTagNameNS("*", "p");
for(var i = 0; i < paragraphs.length; i++) {
console.log(paragraphs[i].innerHTML);
}
</script>
</body>
</html>
上記の例では、getElementsByTagNameNS(“”, “p”)は名前空間が””(すべての名前空間を表す)でタグ名が”p”のすべての子要素を取得し、つまり2つの
要素を取得しました。ループを使用して、2つの
要素のinnerHTMLが出力されました。