替换html元素

时间:2021-12-03 19:07:08

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>");