javascript - 单标签 DIV 的 document.getElementById 失败

Question

我在一个 HTML 页面上有 2 个 DIV:

<div id="divDebug" />
<div id="divResult" />

我有一个脚本可以访问网络服务并用数据填充它们:

document.getElementById("divDebug").innerHtml = rawResult;
document.getElementById("divResult").innerHtml = processResult(rawResult);

这是我的问题:

1. 以上代码在 IE 8 中运行良好
2. 上述代码在 Chrome 3 中有时有效有时无效。
3. 只有第一行在 FF 3.51 中有效。在使用 FireBug 进行测试时，我可以看到表达式 document.getElementById("divResult") 的计算结果为 null。

经过反复试验，我发现如果我将 HTML 代码更改为:

<div id="divDebug"></div>
<div id="divResult"></div>

所有 3 个浏览器都运行良好。

我的问题是:

1. 为什么我必须关闭 DIV 才能使用它们？
2. 这是 JavaScript 问题还是 FF 错误？
3. 是否有任何其他 HTML 元素在未正确关闭时变得不可用？

谢谢!

Answer 1

<div/>基本上是关闭标记的 XML 方式。 <div></div>是 HTML(和 XML)。

您使用的是什么 DOCTYPE？

来自 C. HTML Compatibility Guidelines在 XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) :

C.3. Element Minimization and Empty Element Content

Given an empty instance of an element whose content model is not EMPTY (for example, an empty title or paragraph) do not use the minimized form (e.g. use <p> </p> and not <p
/>).