innerHTML

【问题标题】：jQuery/Javascript pulling html/innerHTMLjQuery/Javascript 拉取 html/innerHTML
【发布时间】：2011-02-11 19:25:21
【问题描述】：

<div id="test">
    <img align="right" src="images/home-faqs.jpg" alt="FAQS" width="428" />
</div>

所以我拉#test innerHTML 但结果是

<img align="right" src="images/home-faqs.jpg" alt="FAQS" width="428">

它删除了右斜杠，我如何让 javascript 不这样做？

【问题讨论】：

【解决方案1】：

这主要是浏览器和库的产物。如果您使用的是 HTML 文档类型，您将无法阻止这种情况，但这并不重要。 XML 样式的右斜杠实际上不是 HTML 标准的一部分。当您使用 XML 文档类型时，javascript 将保留斜杠。

验证仅适用于在 javascript 更改 DOM 之前加载的页面，因此也无需担心这方面的问题。

【讨论】：

它是 XHTML 标准的一部分，但它仍然不能与 XHTML Doctypes 一起正常工作。
但同样，出于验证文档的严格目的，事后呈现的更改通常被排除在外。 Javascript 总是通过直接与 DOM 交互来创建和操作它们的事实来创建有效的 DOM 节点。只要您不使用字符串（即ele.innerHTML = '<span This is not valid</p>';）创建它们，当javascript创建一个节点时，它就对它在其中创建它的文档有效。