js的DOM编程

DOM对象分类：

  document  文档

  element   元素 （关键）

  attr      属性

  text      文本

  comment    注释

 

 3）查询Element的方法

   方式一：通过document的属性

  document.all    查询所有元素

  document.forms  查询所有<form> 元素

  document.images  查询所有<img/> 元素

  document.links     查询所有<a/>元素

 

   方式二：通过document的方法找（重点）

  document.getElementById(id); （重点）  根据标签的id属性找

  document.getElementsByName(name);   根据标签的name属性找

  document.getElementsByTagName(tagName);   根据标签名称找

 

   方式三： 根据节点关系找

  parentNode（重点）

  childNodes

  firstChild

  lastChild

  nextSibling

  previousSibling

 

 

 常用的DOM方法：

  查询： document.getElementById()  .....

  添加：

   document.createElement()  创建元素

   element.appendChild() 追加子元素

   element.setAttrbute()  添加属性

  修改：

   element.setAttrbute()  修改属性（方式一）

   element.value          修改属性（方式二）

   element.innerHTML      修改文本内容

  删除：

   element.reomveChild()   删除元素