方法getElementById（）返回null

Question

我通过以下方式设置id属性：

Element node = document.createElement("something");
node.setAttribute("id", "1");
node.setIdAttribute("id", true);

然后，我检查这是否真的是id属性：

node.getAttributeNode("id").isId());

返回true

但是当我尝试通过其ID获取节点时

document.getElementById("1");

甚至

document.getElementById(node.getAttributeNode("id").getValue())

我得到空

我做错了什么？

Answer 1

尽管您放置了错误的标记，但您似乎已将元素的ID定义为“ 1”，因此要引用它，也应使用“ 1”引用它。

document.getElementById("1");

只要标记中存在DOM对象，它将在标记中返回DOM对象。 根据框架的不同，它可能会从Dom中提取出来，但是对于初学者编程而言，情况并非总是如此。

请注意，ID应该是唯一的，但同时最好将其命名为易于阅读的名称。 这样做的原因是您稍后将返回此代码，并且完全不知道它的作用。

如果您对事物进行相应的命名，它将使您更轻松，也使您能够创建并遵循一般的最佳编程实践。

Answer 2

除了前面的答案。 您的代码存在的问题是创建的节点

var node = document.createElement("sector");
node.setAttribute("id", "1");

尚未在文档中。 您必须添加它。 例

// Adding the node to the body.
document.body.append(node)

现在

document.getElementById(1)