javascript之DOM学习笔记

获取元素

1. getElementById根据id获取元素
2. getElementsByTagName根据标签名获取
3. getElementsByClassName根据类名获取
4. querySelector返回指定选择器的第一个元素
5. querySelectAll返回指定选择器的所有
6. 获取body：document.body
7. 获取html:document.documentElement

---

鼠标事件

1. onclick:鼠标左键点击触发
2. onmousedown：鼠标按下触发
3. onmouseup：鼠标按键松开触发
4. onmousemove：鼠标移动元素触发
5. onmouseover：鼠标移动到指定元素触发
6. onmouseout：鼠标离开指定元素触发

---

表单事件

1. onfocus：聚焦
2. onblur：失去聚焦

---

修改元素属性内容

1. innerHTML改变文本内容
2. style样式修改
3. type 、 value 、 checked 、 selected 、 disabled 表单元素的修改
4. src，href

5. ClassName根据类名修改

---

自定义属性值操作 

1. element.getAttribute():获取指定元素属性值
2. element.setAttribute('属性','值')
3. element.removeAttribute:移除属性
4. element.属性

---

 节点操作

1. node.parentNode:父节点
2. parentNode.children:子节点
3. parentNode.firstElemrntchild:子元素节点first
4. parentNode.lastElemrntchild:子元素节点last
5. node.previousElementSibling:兄弟元素节点上一个
6. node.nextElementSibling:兄弟元素节点下一个
7. document.creatElement:创建元素节点
8. node.appendChild(child)：放到指定元素父节点的子节点最后
9. node.insertBefore(child, 指定元素 )：放到指定元素子节点之前

10. node.removeChild(child) :删除节点

11. node.cloneNode(true)：复制节点