在JavaScript中使用appendChild()方法向页面元素中追加子对象和removeChild()方法从页面中移除对象,先看如下的HTML代码:
<body>
<div id="nw"></div>
<span id="ch"></span>
</body>
一共有两个页面元素,现在我们想把id="ch"的span元素追加到div中,我们可以使用appendChild()方法来完成,如下:
document.getElementById('nw').appendChild(document.getElementById('ch'));
如果你使用的浏览器是火狐或Chrome,那么查看页面元素,你会发现span元素是div元素的子对象了,如果你用的不是火狐或Chrome,那么可以通过css来检测span现在是不是div元素的子对象。
现在再来介绍如何用removeChild()移除对象
<body>
<div id="nw"><span id="ch"></span></div>
</body>
div元素中包含子元素span,我们使用removeChild()将span标签移除
<