访问“数据”属性没有jQuery
我可以访问没有jQuery的数据属性吗？
用jQuery很容易，但是我看不到没有jQuery的地方。
如果我在Google上search“没有jQuery”，我只能看到jQuery的例子。
这甚至有可能吗？
在这里我find了这个例子：
<div id='strawberry-plant' data-fruit='12'></div> <script> // 'Getting' data-attributes using getAttribute var plant = document.getElementById('strawberry-plant'); var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12' // 'Setting' data-attributes using setAttribute plant.setAttribute('data-fruit', '7'); // Pesky birds </script> 所以它看起来非常可行。
您可以使用数据集属性。 如：
element = document.getElementById("el"); alert(element.dataset.name); // element.dataset.name == data-name
这只是一个属性…使用getAttribute任何其他属性： https ： //developer.mozilla.org/en/docs/DOM/element.getAttribute
或者我错过了你的问题的重点。
我想你可以试试这个：
var ele = document.getElementById("myelement"); if (ele.hasOwnProperty("data")) { alert(ele.data); }
或使用
alert(ele['data-property']);
