element.innerHTML = element.innerHTML 更改 Firefox 4 中的布局

Question

我在浏览较旧的 Ext 文档时发现了一个奇怪的问题， http://extjs.cachefly.net/ext-3.2.1/docs/?class=Ext.grid.PropertyGrid

继承框（右上角）的布局有些破碎。

布局损坏 http://img339.imageshack.us/img339/374/bildschirmfoto20110427u.png< /a>

但执行后

var resblock = document.getElementById('docs-Ext.grid.PropertyGrid').getElementsByClassName('res-block-inner')[0];
resblock.innerHTML = resblock.innerHTML; // should be a no-op(?)

一切正常。

好的布局 http://img204.imageshack.us/img204/374/bildschirmfoto20110427u.png< /a>

怎么可能？ Firefox 4 中的一个错误？

---

编辑 一个最小的测试用例： http://jsfiddle.net/uZ3eC/

Answer 1

是的，它看起来像是 Firefox 4 在处理 处理行结尾时的一个错误。

resblock 元素是一个包含多个文本节点的

 元素，用于处理新行和缩进。当它们通过脚本构建时，它们包含一个回车符 (U+000D)，后跟一系列不间断空格。

但是，运行 resblock.innerHTML = resblock.innerHTML; 后，它们现在包含换行符 (U+000A)，后跟不间断空格。

Firefox 4 似乎只是将换行符视为换行符，并将类层次结构的部分呈现在新行上。

编辑：鲍里斯说的话。

HTML5 草案规范部分 8.2.2.3 预处理输入流< /a> 说：

U+000D 回车 (CR) 字符
和 U+000A 换行 (LF) 字符
受到特殊对待。任何CR
LF 后面的字符
必须删除字符，并且任何 CR
后面没有 LF 的字符
字符必须转换为 LF
人物。因此，HTML 中的换行符
DOM 由 LF 字符表示，
并且从来没有任何 CR 字符
在标记化的输入中
阶段。