关于dom节点的一些基础

标签：

// dom节点：记载html页面时，web浏览器生成一个大对象结构，用来表示页面的内部结构，dom将这种树形结构理解为由节点组成
// 节点的种类：元素节点 文本节点 属性节点
// dom节点获取 tag name
// html标签的属性 id title style className
// getAttribute(名称) 获取特定元素节点的属性值
// setAttribute(名称，值)设置元素节点属性的值
// removeAttribute(名称) 移除特定元素节点的属性

// 子节点：只取第一层
// childNodes || children
// 关于元素的子节点(childNodes)，在firefox中空的文本节点也算是一个节点，而在IE中空的文本节点不算是节点。

// nodeType 指的是节点类型；元素节点的返回值为1；文本节点的返回值为3；

// 父节点：只有一个
// parentNode 结构上的父级元素
// offsetParent 定位上的父级元素

//首尾节点
// firstChlid\firstElementChild
// lastChild\lastElementChild
// ps: 存在浏览器的兼容性问题
// 兼容性写法：（首节点的兼容写法，尾节点同理） var first = 父节点.firstElementChild || 父节点.firstChild;

// 兄弟节点
// nextSibling (IE) nextElementSibling (火狐,谷歌)
// previousSibling (IE) previousElementSibling (火狐,谷歌)

// 创建节点
// createElement() 创建一个元素节点 例：var oLi = document.createElement("li") 创建一个li节点
// createTextNode() 创建一个文本节点 例：var text = document.createTextNode("p"); 创建一个文本节点
// oLi.appendChild(text) 将文本节点添加到子节点的末尾；
// 移除节点 romoveChild();

关于dom节点的一些基础

标签：

原文地址：http://www.cnblogs.com/maxqi/p/5762964.html