替换html元素

html：

<div id='divContainer'>
    <div id='divBeReplaced'>被替换的元素</div>
</div>

 

1.使用DOM对象添加元素

var elemOld = document.getElementById('divBeReplaced');
var elemParent = elemOld.parentNode;
var elemNew = document.createElement('div');
elemNew.innerHTML = '新的元素';
elemParent.replaceChild(elemNew, elemOld);

 

2.使用JQuery添加元素

$("#divBeReplaced").replaceWith("<b>Hello world!</b>");