更改DOM没有反映在文档的innerHTML中

Question

我有下面的JavaScript代码行：

divElement.childNodes[x].style[s] = rule.style[s];

在执行此行之前

divElement.childNodes[x].outerHTML

看上去：

"<SPAN id=sp_100 class=FolderNode>Root Folder</SPAN>"

和

document.getElementById("sp_100").outerHTML

看上去：

"<SPAN id=sp_100 class=FolderNode>Root Folder</SPAN>"

也就是说，它们是匹配的。

在执行这一行代码之后，我看到：

divElement.childNodes[x].outerHTML

看上去：

"<SPAN id=sp_100 class=FolderNode style=\"FONT-SIZE: 11px\">Root Folder</SPAN>"

和

document.getElementById("sp_100").outerHTML

看上去：

"<SPAN id=sp_100 class=FolderNode>Root Folder</SPAN>"

知道html是如何不被更新的吗？

当我跨过同一代码的旧版本时，我会看到它被更新了。旧版本使用同步JavaScript调用构建，新版本使用异步调用构建。

-Eric

Answer 1

如果您可以访问元素的ID，我建议您始终使用getElementById函数获取对象的引用。您还可以直接使用它的id来引用对象(我不确定所有浏览器都支持它)。

示例：

obj = document.getElementById("Obj_id")
obj.style = "..."

将与下列相同：

Obj_id.style = "..."