】。"> 關於html5中自訂屬性的介紹-H5教程-PHP中文網

關於html5中自訂屬性的介紹

王林
發布: 2020-03-21 17:54:24
轉載
2625 人瀏覽過

關於html5中自訂屬性的介紹

定義

H5為我們提供了以"data-" 為前綴定義所需的屬性即可設定自訂屬性。

登入後複製

(推薦教學:H5教學

#取得

使用H5自訂屬性物件dataset來取得

let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name // Musk box2.dataset.fullName // Elon Musk (驼峰) box1.getAttribute('data-name') // Musk box2.getAttribute('data-full-name') // Elon Musk
登入後複製

設定

let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name = '马斯克' box2.setAttribute('data-full-name', '埃隆 马斯克')
登入後複製

相關影片教學推薦:html5影片教學

#

以上是關於html5中自訂屬性的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:jb51.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!