- 从标签名获取元素
var a = document.getElementsByTagName('p')
var a = document.getElementsByTagName('button')
- 从类名获取元素
var a = document.getElementsByClassName('xxx')
- 从ID名获取元素
var a = document.getElementById('xxx')
- 类选择器获取元素
返回文档中第一个类名为'xxx'的元素
var a = document.querySelector('xxx')
返回文档中所有类名为'xxx'的元素
var a = document.querySelectorAll('xxx')
- 获取父元素
var parent = a.parentElement
- 获取子元素
var b = a.getElementsByTagName('xxx')
var b = a.getElementsByClassName('xxx')
var b = a.getElementById('xxx')
- 获取第一个或最后一个子元素
var b = a.firstElementChild
var b = a.lastElementChild
- 获取上一个或下一个兄弟元素
var a2 = a1.nextElementSibling
var a1 = a2.previousElementSibling