JavaScript操作DOM元素的一些基础方法与属性

(一)cloneNode()方法

该方法在使用会返回一个它复制得到后的一个节点副本,传参为boolean类型,如果传递一个true那么它将递归复制当前节点的全部子孙节点,否则它只会复制当前节点。

你好
哈哈

不好

JavaScript操作DOM元素的一些基础方法与属性_第1张图片 

(二)childNodes属性

该属性以NodeList的形式返回一个包含该节点的子节点集合,需要注意的是它会返回所有类型的节点包含注释节点和文本节点等。

你好
456
哈哈

不好

 JavaScript操作DOM元素的一些基础方法与属性_第2张图片

(三)nodeType属性

nodeType会判断该节点为什么节点,返回一个数值,如果节点是一个元素节点,返回 1。如果节点是属性节点,返回 2。如果节点是一个文本节点,返回 3。如果节点是一个注释节点,返回 8。

你好
456
哈哈

不好

JavaScript操作DOM元素的一些基础方法与属性_第3张图片 

(四)nodeValue属性

nodeValue会根据节点的类型来返回节点的值,通常用来返回元素的文本。

123
你好
456
哈哈

不好

 JavaScript操作DOM元素的一些基础方法与属性_第4张图片

(五)parentNode属性 

parentNode属性会返回该节点的父节点,如果该节点没有父节点,那么就返回null。

(六) replaceChild方法

replaceChild(a,b)可以将某个子节点替换为另一个。里面必须传递两个参数,前一个a你要插入的节点对象,后一个b你要移除的节点对象。

你好
不好

 JavaScript操作DOM元素的一些基础方法与属性_第5张图片

你可能感兴趣的:(javascript,前端,html)