简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> Tutorial H5> teks badan

关于html5中自定义属性的介绍

王林
Lepaskan： 2020-03-21 17:54:24
ke hadapan
2625 orang telah melayarinya

关于html5中自定义属性的介绍

定义

H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性。
Salin selepas log masuk

（推荐教程：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
Salin selepas log masuk

设置

let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name = '马斯克' box2.setAttribute('data-full-name', '埃隆 马斯克')
Salin selepas log masuk

相关视频教程推荐：html5视频教程

Atas ialah kandungan terperinci 关于html5中自定义属性的介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5 自定义属性
sumber：jb51.net
Artikel sebelumnya：前端安全以及如何防范详细介绍 Artikel seterusnya：什么是h5页面
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menetapkan atribut yang diperlukan HTML5 menggunakan Javascript? Saya cuba menandakan kotak input teks seperti yang diperlukan dalam Javascript.
daripada 2023-10-13 08:52:25
0
2
317
Masalah dengan tidak mendapat koordinat tetikus yang tepat: menggunakan kanvas HTML5 apabila mengubah saiz halaman Saya mahu mencipta kesan piksel ini daripada pakar bahagian hadapan. Walaupun saya boleh m...
daripada 2023-09-12 12:20:33
0
1
280
Video HTML5 M3U8 dikodkan dengan Base64 Saya ingin menambah fail M3U8 yang dikodkan base64 dalam teg Video HTML5, bagaimana saya b...
daripada 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: kaedah acara onclick tidak dipanggil, ralat "Pembolehubah tidak ditemui: updateDocument" Saya baru dalam pembangunan bahagian hadapan tetapi mempunyai pemahaman asas tentang HTML5...
daripada 2023-09-09 20:06:48
0
1
362
Alih keluar slash penutup '/' daripada teg imej dalam XHTML Saya mempunyai txt1 rentetan yang menyimpan imej. Nilainya dalam format XHTML, iaitu eleme...
daripada 2023-09-06 12:15:38
0
1
240
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！