innerHTML的替代方案？

编辑

为了响应您的编辑,为了替换当前内容,您只需删除现有内容,然后使用上面的代码填写新内容.例如:

var someDiv = document.getElementById('someID');
var children = someDiv.childNodes;
for(var i = 0; i < children.length; i++)
    someDiv.removeChild(children[i]);

但正如其他人所说的那样,我建议使用类似jQuery的东西,因为并非所有浏览器都完全支持DOM,而那些确实存在由JavaScript库内部处理的怪癖.例如,jQuery看起来像这样:

$('#someID').html("
Hello, World!
");

更好的方法是使用document.createTextNode.使用此函数的主要原因之一innerHTML是,所有HTML字符转义都将为您处理,而如果您只是设置,则必须自己转义字符串innerHTML.

您可以通过操纵DOM获得相同的效果.更改文本的最安全方法是删除元素的所有子节点,并用新的文本节点替换它们.

var node = document.getElementById("one");

while( node.firstChild )
    node.removeChild( node.firstChild );
node.appendChild( document.createTextNode("Two") );

在用新文本替换之前,删除子节点会删除元素的文本内容.

大多数开发人员避免使用innerHTML的原因是通过DOM访问元素符合标准.

如果您只想更改纯文本,那么有一个更快的解决方案依赖于标准:

document.getElementById("one").firstChild.data = "two";

无论如何,请注意innerHTML将成为即将推出的HTML 5标准的一部分.

简单.

替换text.innerHTML = 'two'为text.firstChild.nodeValue = 'two'.