- 操作节点
- 子节点:
- childNodes 获取到包括文本节点和元素节点 文本节点:nodeType == 3 元素节点:nodeType == 1
- children(只能一层)
- 父节点:
- parentNode
- offsetParent: 获取元素用来定位的父级,如position:absolute 相对父级是谁
- 首尾子节点:
- firstChild IE6-8 firstElementChild 其他浏览器
- lastChild lastElementChild
- 兄弟节点
- nextSibling、nextElementSibling
- previousSibling、previousElementSibling
- 操作元素
- 操作元素属性
- obj.style.display
- getAttribute(名称)、 setAttribute(名称,值)、removeAttribute(名称)
- DOM元素灵活查找
- obj.className ==‘aa‘
- 创建DOM元素
- cDom = createElement(标签名) 创建一个dom节点
- pDom.appendChild(cDom) 插到父元素里面
- 插入元素
- insertBefore(子节点,在谁之前)
- 删除dom元素
- pDom.removeChild(元素)
- 文档碎片(相当于一次性把零散的东西拿来)
- document.createDocumentFragment()
- 可以提高DOM操作性能(理论上)
js基础
原文:http://www.cnblogs.com/cara-front-end/p/6995002.html