JS_DOM/BOM要点_1

获取元素：1.通过id--document.getElementById()

                  2.通过标签--document.getElementByTagName()(返回的是伪数组)

                  3.通过类名--document.getElementByClassName()

                  4.document.querySelector()(根据指定选择器，返回第一个对象eg:querySelector(#id))

                  5.document.querySelectorAll()

注：document.body;document.documentElement;获得body、html对象

---

事件三要素：

---

修改元素内容：1.元素.innerText：不识别HTML标签，读取时去除空格和换行

                         2.元素.innerHTML：识别标签，保留样式

---

精灵图快速插入：（纵向排列）

---

排他思想：多个按钮（或者其他元素）都需要设置类似样式，for循环遍历

---

节点：1.获得父节点（最近的）：e.parentNode

           2.获得子节点（集合）：a) e.childNodes

                                                       获得所有子节点，包括元素节点和文本节点（回车、空格）

                                                  b) e.children

                                                        获得所有的元素节点（非标准）

           3.获得兄弟节点：a) e.nextSibling(后一个兄弟节点) / e.previousSibling(前一个兄弟节点)

                                           获得所有兄弟节点，包括元素节点和文本节点

                                       b) e.nextElementSibling(后一个兄弟节点) / e.previousElementSibling(前一个兄弟节点)

                                           获得所有的元素节点（非标准）

---

创建节点：1.var li = document.createElement('li');

                  2.ul.appendChild(li);//默认向最后添加

                     ul.insertBefore(li, ul.children[0]);//向某个位置(ul.children[0])之前添加li

---

删除节点：e.removeChild(child);//删除父节点e的child节点

---

复制节点/克隆节点：e.cloneNode()//浅拷贝，只复制节点，不复制其子节点

                                 e.cloneNode(true)//深拷贝，复制节点和其子节点（里面的内容）

---

阻止连接跳转：添加javascript:void(0);或者javascript:;

                         eg: <a href="javascript:;">不跳转</a>