Dom操作

js获取元素的几种方式

1. 根据id属性的值获取元素,返回来的是一个元素对象

document.getElementById("id属性的值");

2. 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByTagName("标签名字");

下面的几个,有的浏览器不支持

3. 根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByName("name属性的值");

4. 根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByClassName("类样式的名字");

5. 根据选择器获取元素,返回来的是一个元素对象

document.querySelector("选择器的名字");

6. 根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.querySelectorAll("选择器的名字");

---

节点操作

提示：在IE8中节点都是元素，元素不支持(undefined)。

1. 获取元素

.parentElement  // 父级元素

.children // 子级元素

.firstElementChild  // 第一个子元素

.lastElementChild  // 最后一个子元素

.previousElementSibling  // 某个元素的前一个兄弟元素

.nextElementSibling   // 某个元素的后一个兄弟元素

2. 获取节点

.parentNode  // 父级节点

.childNodes  // 子级节点

.firstChild  // 第一个子节点

.lastChild  // 最后一个子节点

.previousSibling  // 某个元素的前一个兄第节点

.nextSibling  // 某个元素的后一个兄弟节点