HTML DOM getElementById() 方法
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
ຄວາມພິມິມ
ຕົວຢ່າງ 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).