一、document.getElementsByClassName ('class') 經過類名獲取元素,以僞數組形式存在。
二、document.querySelector('selector') 經過CSS選擇器獲取元素,符合匹配條件的第1個元素。
三、document.querySelectorAll('selector') 經過CSS選擇器獲取元素,以僞數組形式存在。複製代碼
一、Node.classList.add('class') 添加class
二、Node.classList.remove('class') 移除class
三、Node.classList.toggle('class') 切換class,有則移除,無則添加
四、Node.classList.contains('class') 檢測是否存在class複製代碼
Node指一個有效的DOM節點,是一個通稱。web
在HTML5中咱們能夠自定義屬性,其格式以下data-*="",例如數組
data-info="我是自定義屬性"複製代碼
經過Node.dataset['info'] 咱們即可以獲取到自定義的屬性值。bash
Node.dataset是以對象形式存在的,當咱們爲同一個DOM節點指定了多個自定義屬性時,Node.dataset則存儲了全部的自定義屬性的值。spa
假設某元素 <div id="demo" data-name="itcast" data-age="10">code
var demo = document.querySelector('#demo');對象
一、讀取 demo.dataset['name'] 或者 demo.dataset['age']rem
二、設置demo.dataset['name'] = 'web developer'get
注:當咱們以下格式設置時,則須要以駝峯格式才能正確獲取string
<div data-my-name="itcast"> 這樣獲取Node.dataset['myName']it