javascript - mootools 替换一个div的内容

Question

我有以下 HTML 代码

<div id="myDiv">
   <p>content</p>
</div>

和下面的JS代码:

$('myDiv').set('html',htmlCode);

问题是变量 htmlCode 是这样的:

<div id="myDiv"><p>another content</p></div>

所以，当我运行 JS 代码时，结果是这样的:

<div id="myDiv">
   <div id="myDiv">
      <p>another content</p>
   </div>
</div>

有没有办法使用“set”来覆盖整个 div？或其他解决方案以获得类似的东西:

<div id="myDiv">
   <p>another content</p>
</div>

作为 JS 脚本的结果？我知道我可以更改变量 htmlCode...我只是想知道是否有其他解决方案。

Answer 1

Mootools 提供了一个简单的 replaces方法!

//new tmp element that contains the new div
var tmpDiv = new Element('div',{html:'<div id="myDiv"><p>another content</p></div>'});

//new div (first child of my tmp div) replaces the old 'myDiv' (that can be grabbed from the DOM by $)
tmpDiv.getFirst().replaces($('myDiv'));