《JavaScript DOM 编程艺术》读书笔记

《JS DOM 编程艺术》笔记

一、 三种节点

元素节点、文本节点、属性节点

二、 获取元素

1.document.getElementById
2.(element)document.getElementsByTagName("*"),获取到数组对象(即使只有一个元素)
3.(element)document.getElementsByClassName("alpha beta"),获取到数组对象，需做兼容,获取多个类名无关顺序、无关其他类名

三、 获取、设置属性

1.object.getAttribute(attribute),无则返回null
2.object.setAttribute(attribute,value),会覆盖原有值，修改不会反映在HTML文档源代码

四、 childNodes属性

返回所有类型的节点，包括空格和换行符

五、 nodeType属性

元素节点：1
属性节点：2
文本节点：3

六、 nodeValue属性

七、 firstChild和lastChild

八、

document.wirte VS innerHTML

九、DOM方法

1.document.createElement(nodeName)
2.document.createTextNode(text)
3.parent.appendChild(child)
4.target.parentNode.insertBefore(newElement,targetElement)

十、CSS-DOM

1.style对象，驼峰命名法读取，只能读取内联（写在标签里的）样式，属性值为字符串
2.className属性