首页 > 代码库 > js实例--dom操作

js实例--dom操作

DOM Level 0:  document直接访问;可以通过数组形式,id或name(不鼓励)

  • image;
  • forms
  • links;
  • cookie;

常用获取节点的方法:

  • getElementById;
  • getElementByName;
  • getElementByClassName;    //element对象也可用
  • getElementByTagName;    //element对象也可用
  • querySelector;                 //可用css样式选择器字符串访问
  • querySelectorAll;            //可用css样式选择器字符串访问

节点属性:

  • nodeName;

节点关系:

  • parentNode;  //直接父节点
  • childNodes;  //直接子节点,复数,注意应该会包括文本节点;
  • children;      //直接子节点,复数,不包括文本节点

节点判断:

  • hasChildNodes();

NodeList:获取来的多个节点的集合

  • length:唯一属性;
  • item:唯一方法;

 节点操作:

  • createElement;
  • appendChild;

js实例--dom操作