
JavaScript中dom有节点构成,节点的操作推动着dom功能的发挥。想要对dom添加或删除节点,首先要先创建节点,使用appendChild()方法添加节点,使用removeChid()方法删除节点。
1、创建节点
1 2 3 | createDocumentFragment()
createElement()
createTextNode()
|
2、添加节点:appendChild()方法
该方法添加的元素位于父元素的末尾。
1 2 3 4 | var ele = document.getElementById( "my_div" );
var oldEle = document.createElement( "p" );
var newEle=document.createElement( "div" );
ele.appendChild(oldEle);
|
3、删除节点:removeChid()方法
用父节点删除子节点。必须要指定是删除哪个子节点。
1 2 3 | const ulNode = document.querySelectorAll( '.list' )[0],
liNodes = document.querySelectorAll( '.item' );
ulNode.removeChild(liNodes[1]);
|
以上就是就是JavaScript中dom添加和删除节点的方法和具体代码示例,希望能帮到你哦~更多JavaScript学习推荐:JavaScript教程。