操作DOM对象

操作DOM对象

核心

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

• 更新：更新DOM节点
• 遍历DOM节点 得到DOM节点
• 删除： 删除一个DOM节点
• 添加： 添加一个新的节点

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

获得DOM节点

 var p2=document.getElementsByClassName('p2');
   var p1=document.getElementById('p1');
   var h1=document.getElementsByTagName('h1');

   var father=document.getElementById('father')

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

   //father.firstChild;  上一个
   //father.lastChild;   下一个