返回到:DOM 对象:HTML DOM Document 对象
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
如果没有指定 ID 的元素返回 null
如果存在多个指定 ID 的元素则返回第一个。
如果需要查找到那些没有 ID 的元素,你可以考虑通过CSS选择器使用 querySelector()。
所有主要浏览器都支持 getElementById() 方法
语法
document.getElementById(elementID)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| elementID | String | 必须。元素ID属性值。 |
返回值
| 类型 | 描述 |
|---|---|
| 元素对象 | 指定ID的元素 |
技术细节
| DOM 版本 | Core Level 2 Document Object |
|---|
实例
返回指定 ID 的元素:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<p id="demo">单击按钮来改变这一段中的文本。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="Hello World";
};
</script>
</body>
</html>作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4626.html
支付宝
微信