DOM获取元素

1. 从标签名获取元素

var a = document.getElementsByTagName('p')
var a = document.getElementsByTagName('button')

2. 从类名获取元素

var a = document.getElementsByClassName('xxx')

3. 从ID名获取元素

var a = document.getElementById('xxx')

4. 类选择器获取元素
   返回文档中第一个类名为'xxx'的元素

var a = document.querySelector('xxx')

返回文档中所有类名为'xxx'的元素

var a = document.querySelectorAll('xxx')

5. 获取父元素

var parent = a.parentElement

6. 获取子元素

var b = a.getElementsByTagName('xxx')
var b = a.getElementsByClassName('xxx')
var b = a.getElementById('xxx')

7. 获取第一个或最后一个子元素

var b = a.firstElementChild
var b = a.lastElementChild

8. 获取上一个或下一个兄弟元素

var a2 = a1.nextElementSibling
var a1 = a2.previousElementSibling