Dom-element-getelementbytagname
提供:Dev Guides
DOM-要素オブジェクトメソッド-getElementByTagName
メソッド_getElementByTagName_は、指定された要素の値を提供します。
構文
以下は、_getElementByTagName_メソッドを使用するための構文です。
getElementsByTagName(name)
S.No. | Parameter & Description |
---|---|
1 |
Name 取得する属性の名前を保持します。 |
このメソッドは、タグの名前を返します。
例
_node.xml_の内容は以下のとおりです-
<?xml version = "1.0"?>
<Company>
<Employee category = "Technical">
<FirstName>Tanmay</FirstName>
<LastName>Patil</LastName>
<ContactNo>1234567890</ContactNo>
<Email>[email protected]</Email>
</Employee>
</Company>
次の例は、_getElementByTagName_メソッドの使用方法を示しています-
<!DOCTYPE html>
<html>
<body>
<div>
<b>FirstName:</b> <span id = "FirstName"></span>
<b>LastName:</b> <span id = "LastName"></span>
<b>Category:</b> <span id = "Employee"></span>
</div>
<script>
if (window.XMLHttpRequest) {//code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {//code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","/dom/node.xml",false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
document.getElementById("FirstName").innerHTML=
xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0].nodeValue;
document.getElementById("LastName").innerHTML=
xmlDoc.getElementsByTagName("LastName")[0].childNodes[0].nodeValue;
document.getElementById("Employee").innerHTML=
xmlDoc.getElementsByTagName("Employee")[0].attributes[0].nodeValue;
</script>
</body>
</html>
実行
このファイルを_elementattribute_getelementbytagname_としてサーバーパスに保存します(このファイルとnode_methods.xmlはサーバーの同じパスにある必要があります)。 次のように出力を取得します-
FirstName: Tanmay
LastName: Patil
Category: technical