返回到: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