操作Dom对象

核心
浏览器网页就是一个Dom树形结构！

1、获取Dom节点

//对应css选择器

    //标签选择器
    var h1=document.getElementsByTagName('h1');
    //id选择器
    var p1=document.getElementById('p1');
    //类选择器
    var p2 =document.getElementsByClassName('p2');
    //通过父亲获得孩子
    var father = document.getElementById('father');
    var childrens= father.children;//获得的是父节点下所有的子节点
    

2、更新节点

3、删除节点
删除的时候要先找到自己的父亲节点，通过父节点才能删除自己

4、插入节点

创建一个新的标签，实现插入
![在这里插入图片描述](https://img-blog.csdnimg.cn/202010
insertBefore:在一个节点的前面插入一个节点