js常用的操作节点,猴子都能学会的方法

个人理解:

首先要明白,节点分为:文字节点、元素节点、属性节点

1.创建元素节点 document.createElement("需要创建的元素节点名称")

2.创建节点之后,就需要将节点添加到文档里面

  我们使用appendChild()把一个新元素插入到父元素的内部子元素的末尾

我们可以使用insertBefore()方法将一个新元素插入到父元素中的某一个子元素的前面。

var div=document.createElement("div")
inp.appendChild(div)

上诉代码将创建的div元素添加到名为inp的元素后面

    var div=document.createElement("div")
inp.insertBefore(div,inp.children[0])

上诉代码将创建的div元素添加到名为inp的元素中,并且位置是在inp第一个子元素的前面

3.删除元素

使用removeChild()方法来删除父元素下的某个子元素。

4.复制元素

使用cloneNode()方法来实现复制元素。

cloneNode(true)  复制元素的文本内容

cloneNode(false)  不复制元素的文本内容

猜你喜欢

转载自blog.csdn.net/tjq11111/article/details/121549604