如何检索自定义DOM属性的值?

时间:2015-12-09 18:43:22

标签: javascript html dom customization

我正在尝试在以下HTML块中检索amount="y"的{​​{1}}值,

itemindex="x

我不确定如何使用通常的<ul> <li><span class="vaTop" itemindex="14" amount="500.00">$500</li> <li><span class="vaTop" itemindex="15" amount="300.00">$300</li> <li><span class="vaTop" itemindex="16" amount="150.00">$150</li> <li><span class="vaTop" itemindex="17" amount="75.00">$75</li> <li><span class="vaTop" itemindex="18" amount="35.00">$35</li> </ul>

来解决这个问题

如果有人有任何建议值得赞赏。

1 个答案:

答案 0 :(得分:2)

尝试使用document.querySelector(),属性选择器"li span[itemindex='17']"例如选择itemindex属性设置为"17"的元素; {@ 1}},正如@dandavis所建议的那样。

&#13;
&#13;
Element.getAttribute()
&#13;
var el = document.querySelector("li span[itemindex='17']");
console.log(el.getAttribute("amount"))
&#13;
&#13;
&#13;

另见

What is the point of the "is" syntax when extending elements in web components?

Using data attributes