freeCodeCamp/guide/chinese/javascript/html-dom-getelementbyid-method/index.md

1.2 KiB
Raw Blame History

title localeTitle
HTML DOM getElementById Method HTML DOM getElementById方法

getElementById()方法返回具有指定值的id属性的元素。它需要一个参数它是所需元素的id的区分大小写的字符串。

此方法是HTML DOM中最常用的方法之一几乎每次您想要操作文档中的元素或从中获取信息时都会使用此方法。这是一个简单的语法示例

HTML内容


<div id="demo"></div> 

JavaScript内容

document.getElementById("demo"); // Returns the element with id "demo" 

如果你有多个具有相同id值的元素(糟糕的做法!), getElementById将返回找到的第一个元素:


<div id="demo">First</div> 
 <div id="demo">Second</div> 
document.getElementById("demo"); // Returns the element with id "demo" containing 'First' 

更多信息:

的document.getElementById

替代方案:

document.getElementById一个常用替代方法是使用jQuery选择器您可以在这里阅读更多内容。