HTML DOM getElementById() Method
Paglilingkuran at Paggamit
Ang elemento ng getElementById() ay maaaring ibalik ang pagtutukoy sa unang bagay na mayroong tinukoy na ID.
Gramata
document.getElementById(id)
Paglalarawan
Ang HTML DOM ay nagbibigay ng maraming paraan sa paghahanap ng elemento, bukod sa getElementById() pa, mayroon pa ang getElementsByName() at getElementsByTagName().
Gayunpaman, kung kailangan mong hanapin ang isang partikular na elemento ng dokumento, ang pinakamabuting paraan ay sa pamamagitan ng getElementById().
Sa paggamit ng isang partikular na elemento ng dokumento, mas mahusay na magbigay ng isang attribute ng id, at magtakda ng isang (sa dokumento) na natatanging pangalan, pagkatapos ay maaari mong gumamit ng ID upang hanapin ang elemento na gusto mong ihanap.
实例
例子 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>
例子 2
getElementById() 是一个重要的方法,在 DOM 程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
;
return x;
}
上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,您只要在使用前编写 x = id(x) 就可以了。