javascript – 用Ajax响应替换DOM节点

我有一个ajax响应,看起来像这样：

<div class = "element3"> some other text</div>

我想用resp替换下面的element1：

<div class = "a">
  <div class = "element1"></div>
  <div class = "element2"></div>
</div>

所以在替换后我会得到：

<div class = "a">
  <div class = "element3"> some other text</div>
  <div class = "element2"></div>
</div>

我尝试了replaceChild()但它不起作用,因为响应不是DOM对象..

谢谢！

解决方法:

与仅替换标签之间内容的innerHTML()不同,outerHTML()将允许您替换开头和&关闭标签,有效地替换DOM节点.

var element = document.getElementsByClassName('element1')[0];
element.outerHTML("<div class = 'element3'> some other text</div>");

看到：

> http://help.dottoro.com/ljloliex.php
> http://help.dottoro.com/ljdkwhqf.php

注意：由于使用了getElementsByClassName(),此解决方案对(见：http://caniuse.com/getelementsbyclassname)有效：

> Internet Explorer 9
> Firefox 3
> Opera 9.5
> Chrome 4
> Safari 3.1