除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问
Element类型
特征
-
nodeType值为1
-
nodeName为元素标签名
-
nodeValue为null
-
parentNode可能是Document或Element
-
子节点可能是Element,Text,Comment,ProcessingInstruction,CDATASection,EntityReference
HTML元素
-
id 元素在文档中的唯一标识符
-
title 元素的附加说明信息,一般为工具提示条显示
-
lang 元素内容的语言代码,很少使用
-
dir 语言方向,ltr为从左到右,rtl则相反
-
className 与元素class的特性对应,没有设置为class则是因为class为ECMAScript的保留字
特性
-
getAttribute()
-
setAttribute()
-
removeAttribute()
特殊特性
-
style,通过getAttribute()访问会返回CSS文本,而通过属性访问返回一个对象
-
onclick这样的事件处理程序,通过getAttribute()访问会返回相应代码的字符串.而属性访问时,则会返回一个JavaScript函数(未指定则为null)
设置特性
div.mycolor="red";
div.getAttribute("mycolor"); //这里返回null(IE除外)
移除特性
attributes属性
-
getNamedItem(name)返回nodeName属性等于name的节点
-
removeNamedItem(name)从列表移除nodeName等于name的节点
-
setNamedItem(node)向列表添加节点,以节点的nodeName属性为索引
-
item(pos)返回处于数字pos位置处的节点
创建元素
document.createElement("<div id=\"myNewDiv\" class=\"box\"></div>");
服务热线 19970861797
