1.基本信息
nodeType | 1 |
---|---|
nodeName | 元素标签名 |
nodeValue | null |
parentNode | Document 或 Element |
childNodes | Element 、Text、Comment、ProcessingInstruction、CDATASection 或 EntityReference |
获取元素标签名的两种方法
someNode.nodeName
someNode.tagName
2.取得特性
var div = document.getElementById('myDiv');
alert(div.id);
alert(div.className); //class为保留字,需避免
alert(div.title); //附加说明信息
alert(div.lang); //语言代码
alert(div.dir); //方向,ltr从左到右,rtl从右到左
div.getAttribute('id');
div.getAttribute('class'); //与实际特性名相同
div.getAttribute('my_special_attribute');
//自定义也可以通过此方式获取
上述两种获取特性的方式在两个特殊的属性上有所区别
style:getAttribute访问时返回包含的CSS文本,属性访问时返回对象
onclick等事件处理程序:getAttribute访问时返回代码的字符串,属性访问时返回js函数(没有则返回null)
3.设置特性
div.id = 'anotherDiv';
div.setAttribute('id','anotherDiv');
div.setAttribute('class','ft');
div.setAttribute('myAttribute','myValue'); //可以设置自定义
4.删除特性
div.removeAttribute('class'); //不常用
5. attributes 属性
元素类型是使用attributes属性的唯一 一个DOM节点类型
attributes属性包含一个NamedNodeMap,其与NodeList类似,保存着元素的属性节点,有以下方法(不常用)
element.attributes.getNamedItem(name) //返回nodeName为name的节点
element.attributes.removeNamedItem(name) //移除nodeName为name的节点
element.attributes.setNamedItem(node)
//添加节点,以nodeName属性为索引
element.attributes.item(pos) //返回位于数字pos位置处的节点
6.创建元素
var div = document.createElement('div');
7.元素的子节点
var ul = document.getElementById('myList');
var items = ul.getElementsByTagName('li');
//返回ul后代中的li元素