原生JS獲取操做元素

操做元素自定義屬性

h5方法 設置語法**：<p data-自定義屬性名 = '自定義屬性值'></p> 屬性名想叫什麼就叫什麼,能夠用多個 -鏈接 <p data-名稱-名稱 = '自定義屬性值'></p> 獲取語法**：element.dataset.自定義屬性名 若是屬性名用多個-鏈接 ，獲取時應將屬性名以-爲分割符，駝峯方式獲取 無兼容性方法 設置語法**：<p 自定義屬性名 = '自定義屬性值'></p>屬性名想叫什麼就叫什麼,能夠用多個 -鏈接 <p 名稱-名稱 = '自定義屬性值'></p> 操做元素全部（標準、自定義）屬性 獲取元素屬性 語法：element.getAttribute('屬性名') 參數 類型：字符串 值：屬性名 返回 類型：字符串 值：某個元素的某個屬性值 設置元素屬性 語法：element.setAttribute('屬性名','屬性值') 參數 類型：字符串 值：屬性名 屬性值 刪除元素某個屬性 語法：element.removeAttribute('屬性名') 參數 類型：字符串 值：屬性名 獲取元素（CSS選擇器方式） 獲取符合CSS選擇器的第一個元素 語法：element.querySelector('css選擇器') 參數 類型：字符串 值： CSS選擇器 返回 類型：對象 值：獲得element元素中，符合CSS選擇器要求的第一個元素 獲取符合CSS選擇器的全部元素 語法：element.querySelectorAll('css選擇器') 參數 類型：字符串 值：css選擇器 返回 類型：僞數組 值：獲得element元素中，符合CSS選擇器要求的全部元素 事件高級 註冊事件兩種方式 DOM0級事件（on） 語法：element.on+事件類型 = 函數名/匿名函數 特色：同一個元素只能註冊一次某個類型的事件，屢次註冊，只有最後一次添加的事件有效 DOM2級事件 （addEventListener） 語法：element.addEventListener('事件類型'，函數名/匿名函數) 參數 第一個：字符串 事件類型 不加on 第二個：匿名函數/函數名（事件執行程序） 特色：同一個元素能註冊多個某種類型的事件，屢次註冊，事件觸發時，會按照註冊的前後順序依次執行 解除事件的兩種方式 DOM0級事件解除方式（on） 語法：element.on+事件類型 = null DOM2級事件解除方式（removeListener） 語法：element.removeListener('事件類型'，函數名) 注意：想要解除某個事件，前提是這個事件註冊時添加的事件處理函數是命名函數