《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属性

原文地址:https://www.cnblogs.com/qiuchen/p/4752503.html