innerHtml无法在另一个内部打印我的div

Question

我有一个以前从未遇到过的问题。我想简单地在另一个内部添加一个div。我首先使用开发者控制台进行测试。 我得到了我想要包含另一个div的元素，它在控制台中正确打印元素。 然后我做以下事情：

document.getElementById("ctiGlobalContainer").innerHtml += '<div id="ctiContentPanel" state="displayed" style="z-index: 10000;right: 0;top: 50px;height: 100%;width: 200px;position: fixed;margin: 0;"></div>'

我得到以下结果：

"undefined<div id="ctiContentPanel" state="displayed" style="z-index: 10000;right: 0;top: 50px;height: 100%;width: 200px;position: fixed;margin: 0;"></div>"

为什么 未定义 会显示？ div不包含在dom中......

Answer 1

该属性称为innerHTML。

innerHtml开始未定义。

+=将其转换为字符串，然后附加到该字符串。

将undefined转换为字符串后，您会获得"undefined"。

Answer 2

你那里有拼写错误。请代替innerHtml使用innerHTML。 Javascript 无法识别innerHtml作为其属性，因此其中的代码显示为undefined。