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

来源：动视网责编：小采时间：2020-11-27 20:14:59

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

JavaScript如何获取html5中data属性的实例:我以前一直以为只能用jquery的data()来获取哈哈是我太弱了<!DOCTYPE html> <html> <head> <title>dataset</title> <meta charset="utf-8"> </head>

推荐度：

点击下载本文 文档为doc格式

导读JavaScript如何获取html5中data属性的实例:我以前一直以为只能用jquery的data()来获取哈哈是我太弱了<!DOCTYPE html> <html> <head> <title>dataset</title> <meta charset="utf-8"> </head>

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

哈哈是我太弱了

<!DOCTYPE html>
<html>

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

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

</html>

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

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

a.getAttribute('data-index')==>"demo"

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

推荐度：

点击下载本文 文档为doc格式

标签： js html5 html

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐