innerHTML 从图像标签中删除右斜杠

Question

这很奇怪。这是一个快速测试功能：

function test_function(){
    code = '<img src="http://www.myimage.com/img.jpg" alt="image" />';
    alert(code);
    document.getElementById('test').innerHTML = code;
    alert(document.getElementById('test').innerHTML);
}

运行上面的代码将在第一个警报中显示/>，但第二个警报不会，它只显示>。所以看起来像应用到.innerHTML 会去掉正斜杠。任何想法如何阻止这种情况发生？我需要正斜杠进行验证。

Answer 1

第二个警报只是显示浏览器使用什么作为图像元素的内部表示。您不需要斜线进行验证，因为验证始终与页面的源有关，验证器不会执行动态添加元素到 DOM 的 JavaScript。

事实上，大多数浏览器在内部处理 XHTML 的方式与处理 HTML 相同，而不是作为文档的 XML 表示。只有当您发送带有 MIME 类型 application/xhtml+xml 的 XHTML 文档时，一些浏览器才会使用 XML 解析器呈现您的页面。

另请参阅 Ian Hickson 的 article。