Rumah > hujung hadapan web > tutorial js > JavaScript如何获取html5中data属性的实例

JavaScript如何获取html5中data属性的实例

黄舟
Lepaskan: 2017-07-27 16:29:48
asal
2310 orang telah melayarinya

我以前一直以为只能用jquery的data()来获取

哈哈 是我太弱了


<!DOCTYPE html>
<html>

<head>
    <title>dataset</title>
    <meta charset="utf-8">
</head>

<body>
    <p id=&#39;p&#39; data-index=&#39;demo&#39;>
    </p>
</body>
<script type="text/javascript">var a = document.getElementById(&#39;p&#39;);
console.log(a)
console.log(a.dataset.index)//demo</script>

</html>
Salin selepas log masuk

 直接用dataset就可以获取到DOM元素的data属性

好吧,还可以 用js的获取属性的方法getAttribute()


a.getAttribute(&#39;data-index&#39;)==>"demo"
Salin selepas log masuk

 

Atas ialah kandungan terperinci JavaScript如何获取html5中data属性的实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan