JavaScript文档对象模型(DOM)——节点层次Element类型

Element类型

Element类型用于表现XML或HTML元素,提供了对元素标签名、子节点及特性的访问。Element节点具有以下特征:

  • nodeType值为1
  • nodeNmae值为元素的标签名
  • nodeValue值为null
  • parentNode可能是Document或Element
  • 其子节点可能是Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference。
    nadeName,tagNme属性可访问元素标签名。
  • 1.HTML元素

HTML元素中都存在下列标准特性:

  • id
  • title

  • lang

  • dir(ltr/rtl)

  • className

  • 2.取得特性
    操作特性的DOM方法主要有三个:getAttribute()、setAttribute()和removeAttribute()。
    传递给getAttribute()的特性名与实际特性名相同。特性名称不区分大小写。根据HTML5规范,自定义特性应加上data-前缀以便验证。
    任何元素的所有特性,可通过DOM元素本身的属性来访问。
    只有公认的特性才会以属性的形式添加到DOM对象中。

  • 3.设置特性
    setAttribute()接受两个参数:要设置的特性名和值。
    这个方法设置的特性名会被统一转换为小写形式。
    removeAttriute()不仅清除特性的值也会从元素中完全删除特性。
  • 4.attributes属性
    Element类型是使用attributes属性的唯一一个DOM节点类型。

  • 5.创建元素
    使用document.createElement()方法可以创建新元素。

  • 6.元素的子节点
    不同浏览器看待子节点方面存在显著不同。

推荐阅读更多精彩内容