通过动态更改内容使IE尊重您的空白

Question

如果我在html中有以下行：

<span></span> wtf

然后我运行jQuery语句：

$("span").html("test");

它最终看起来像“testwtf”而不是“test wtf”。如果不改变html，我能做些什么吗？

Answer 1

这是因为IE将<span></span> wtf中的空间解释为前导空格，并省略它（并将HTML解释为<span></span>wtf）。因为IE正在以不同于其他浏览器的方式解释HTML，所以我认为如果不改变HTML，你可以做很多事情，除了做一个像

这样的解决方法

$CONTAINER.html('<span>test</span> wtf')

或更极端的解决方法，例如

if (jQuery.browser.msie) $("span").html("test "); else $("span").html("test");

编辑：初步测试显示$("span").html("test ");本身也足够了。