JS中的DOM操作方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中的DOM操作方法相关的知识,希望对你有一定的参考价值。

1、childNodes

  返回当前元素所有子元素的数组

2、firstChild

  返回当前元素的第一个子元素

3、lastChild

  返回当前元素的最后一个子元素

4、nextSibling

  返回紧跟在当前元素后面的元素

5、nodeValue

  指定表示元素值的读/写属性

6、parentNode

  返回元素的父节点

7、previousSibling

  返回紧邻当前元素之前的元素

8、hasChildNodes()

  返回一个布尔值,指示元素是否有子元素

9、createElement(element)

  创建元素节点

10、createTextNode()

  创建文本节点

11、cloneNode()

  为给定节点创建一个副本,参数为true或false,true表示同时复制该节点的子节点,false表示不复制子节点

12、appendChild()

  把新的子节点添加到指定节点

13、removeChild()

  删除子节点

14、replaceChild()

  替换子节点

15、insertBefore()

  在指定的子节点前面插入新的子节点

16、createAttribute()

  创建属性节点

17、getAttribute()

  返回指定的属性值

18、setAttribute()

  把指定属性设置或修改为指定的值

19、nodeName

  将返回一个字符串,其内容是给定节点的名字

20、nodeType

  返回一个整数,代表给定节点的类型

 

以上是关于JS中的DOM操作方法的主要内容,如果未能解决你的问题,请参考以下文章

JS中的DOM操作方法

JS中的DOM对象及JS对document对像的操作

JS中的DOM操作和事件

ref 和 React.js 中的 DOM 操作

JS中的事件以及DOM 操作

JS之DOM操作