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

How to retrieve values of custom DOM properties?

本文关键字：DOM 属性 自定义 何检索 检索      更新时间：2023-09-26

我正试图在下面的HTML块中检索itemindex="x的amount="y"值

<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>

我不知道如何使用通常的document.getElementBy...('').value;

如果有人有任何建议，我们将不胜感激。

例如，尝试使用document.querySelector()、属性选择器"li span[itemindex='17']"来选择itemindex属性设置为"17"的元素；Element.getAttribute()，如@dandavis所建议。

var el = document.querySelector("li span[itemindex='17']");
console.log(el.getAttribute("amount"))
<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>

另请参见

"；是"；在web组件中扩展元素时的语法？

使用数据属性

相关文章：