原生JS獲取操作元素


操作元素自定義屬性

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('事件類型',函數名)
注意
想要解除某個事件,前提是這個事件注冊時添加的事件處理函數是命名函數**


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM