dom操作原生js巩固

Posted petewell

tags:

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

原生js的dom操作巩固

前言:这玩意其实很简单,但是每次用的时候都有点含糊,故写个文章,每次忘得时候看一看

原生dom操作

1、创建dom元素:createElement(标签名)

2、删除dom元素:removeChild(标签名)

3、在什么元素后添加dom元素:元素.appendChild(标签名)

4、在什么元素前添加dom元素:元素.insertBefore(标签名)

5、替换dom元素:replace(插入的元素,被替换的元素)

6、获取父节点:parentNode

7、获取子节点:childNodes

8、获取第一个子节点:firstChild

9、获取最后一个子节点:lastChild

原文:大专栏  dom操作原生js巩固


以上是关于dom操作原生js巩固的主要内容,如果未能解决你的问题,请参考以下文章

原生JS和jQuery操作DOM的区别小结

原生js和Jquery操作DOM

js--原生js DOM操作(增删改差)

原生js 的一些DOM/样式操作

JS原生DOM操作总结

整理一下原生js的dom操作