核心

浏览器网页就是一个DOM树形结构！

• 更新：更新DOM节点

• 遍历DOM节点：得到DOM节点

• 删除：删除一个DOM节点

• 添加：添加一个新的节点

要操作一个DOM节点，就必须要先获得这个DOM节点

获得DOM节点

//对应css 选择器
<script>
    var h1=document.getElementsByTagName('h1');
    var p1=document.getElementById('p1');
    var p2=document.getElementsByClassName('p2');
    var father=document.getElementById('father');

    var childrens = father.children;//获取父节点下的所有子节点
    //father.firstChild
    //father.lastChild

这是原生代码，之后我们尽量都是用jQuery();