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

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

黄舟asal: 2017-07-27 16:29:482291semak imbas

我以前一直以为只能用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>

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

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

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

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

Kenyataan：

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 sebelumnya：JavaScript开发跨平台的桌面应用具体介绍（图文）Artikel seterusnya：JavaScript中弹性势能动画之关于抛物线运动的代码案例

Artikel berkaitan

Lihat lagi