操作元素自定義屬性
h5方法
設置語法:<p data-自定義屬性名 = '自定義屬性值'></p>
屬性名想叫什么就叫什么,可以用多個 -連接 <p data-名稱-名稱 = '自定義屬性值'></p> 獲取語法**:
element.dataset.自定義屬性名 如果屬性名用多個-連接 ,獲取時應將屬性名以-為分割符,駝峰方式獲取 無兼容性方法 設置語法**:
<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('事件類型',函數名)
注意: 想要解除某個事件,前提是這個事件注冊時添加的事件處理函數是命名函數**