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元素
