JS高级语言程序设计笔记——DOM之Element类型

所有的HTML元素都由HTMLElement类型表示，HTMLElement类型继承自Element并添加了一些属性，包括：

• id
• title
• dir
• lang

• className

  操作特性

  操作特性的三个方法

• getAttribute();
• setAttribute();

• removeAttribute();

  这三个方法可操作所有特性，包括之前提到的5个属性以及自定义特性；
  但是自定义特性不能通过属性方法访问，即不能通过.来访问

 <div id="my_id" my_special="special"></div>

alert(div.id);            //"my_id"
alert(div.my_special);    //undefined(IE除外)

例外

• style：通过getAttribute()访问得到css文本，通过属性方法访问得到对象

• onClick：通过getAttribute()访问的到函数的字符串,通过属性方法访问的到函数

  setAttribute()方法对于不存在的特性会自动创建

div.my_color="red";
alert(div.getAttribute("my_color")); //null（IE除外）

attributes

这个属性包括了所有特性的集合

childNodes

IE会包括所有子节点以及由空白符组成的文本节点，其他浏览器不会