示例
html
你好世界 1
你好世界 2
你好世界 3
你好世界 4
const parentDOM = document.getElementById("parent-id");
const test1 = parentDOM.getElementById("test1");
// 抛出错误
// Uncaught TypeError: parentDOM.getElementById is not a function
如果没有查找到给定 id 的元素,这个方法会返回 null。注意 id 参数是大小写敏感的,所以 document.getElementById("Main") 会返回 null 而不是元素
,因为“M”和“m”对于这个方法而言是不一样的。
getElementById() 方法不会搜索不在文档中的元素。当创建一个元素,并且分配 ID 后,你必须使用 Node.insertBefore() 或其他类似的方法把元素插入到文档树中,之后才能使用 getElementById() 访问到:
jsconst element = document.createElement("div");
element.id = "testqq";
const el = document.getElementById("testqq"); // el 会是 null!
对于非 HTML 文档,DOM 的实现必须说明哪个属性是 ID 类型。只有文档的 DTD 定义了这个属性名是“id”时,“id”才会被认为是 ID 类型。在 XHTML、XUL 或者其他文档中,“id”通常被定义为 ID 类型的属性。不知道哪个属性是 ID 类型的实现中,这预期会返回 null。