Question

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function init(){
  document.getElementById('test2').innerHTML = '1       2';
}
</script>
<style type="text/css">
#test{
  white-space:pre;
}

#test2{
  white-space:pre;
}
</style>
<title></title>
</head>
<body onload="init();">
<div id="test">
1       2
</div>
<div id="test2"></div>
</body>

</html>

这是一个显示我的问题的示例页面。我有两个div。每个文本都有'1 2'，带有空格。唯一的区别是一个是动态注入的，一个是html本身。

如果您在IE7中打开上述页面，则div test2 中的文字不会占用空格。如何为动态注入的文本获得相同的行为？

P.S。我的doctype是在IE7上触发标准模式。

Answer 1

您是否尝试使用 

替换空格

或者，您可以尝试使用innerTEXT代替innerHTML

ie7在动态注入的文本上保留空格

1 个答案: