JavaScript——操作DOM对象(重点)

核心

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

·更新：更新Dom节点

·遍历dom节点：得到Dom节点

·删除：删除一个Dom节点

·添加: 添加一个新的节点

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

获得dom节点

  //对应css选择器
  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();

JavaScript——操作DOM对象(重点)

核心

获得dom节点

推荐阅读