javascript - 关于自定义属性的获取问题，把自定义属性写在行间，问什么获取不到值？
本文介绍了javascript - 关于自定义属性的获取问题，把自定义属性写在行间，问什么获取不到值？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<body>
<div id="div1" index="2"></div><script type="text/javascript">
var div = document.getElementById('div1');
alert(div.index)----》已在行间自定义属性值设为2，为什么获取不到？
div.index = 1;----》在js中设置了自定义属性值为1之后，在下面一行可以获取到值？
alert(div.index)
div.setAttribute('index','3');
alert(div.getAttribute('index'))
//alert(div.getAttribute('index'))
//alert(div['id'])
</script>
</body>
解决方案
因为div.index === undefined，当执行div.index = 1;时，index才被定义。
不修改HTML
在IE中：
var index = document.getElementById('div1').index;Other：
var index = document.getElementById('div1').getAttribute(`index`);
HTML5
如果你想要使用的是 HTML 5 的自定义属性，你应该将属性命名为data-*（即date-index）。
这样使用它：
var index = document.getElementById('div1').dataset.index;这篇关于javascript - 关于自定义属性的获取问题，把自定义属性写在行间，问什么获取不到值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
