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

Question

我正在尝试在 HTML、

的以下块中为 itemindex="x 检索 amount="y" 的值

<ul>
 <li><span class="vaTop" itemindex="14" amount="500.00">0</li>
 <li><span class="vaTop" itemindex="15" amount="300.00">0</li>
 <li><span class="vaTop" itemindex="16" amount="150.00">0</li>
 <li><span class="vaTop" itemindex="17" amount="75.00"></li>
 <li><span class="vaTop" itemindex="18" amount="35.00"></li>
 </ul>

我不知道如何用通常的方法来解决这个问题，document.getElementBy...('').value;

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

Answer 1

尝试使用 document.querySelector() 属性 select 或 "li span[itemindex='17']" 例如 select 元素 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">0</li>
 <li><span class="vaTop" itemindex="15" amount="300.00">0</li>
 <li><span class="vaTop" itemindex="16" amount="150.00">0</li>
 <li><span class="vaTop" itemindex="17" amount="75.00"></li>
 <li><span class="vaTop" itemindex="18" amount="35.00"></li>
 </ul>

另见

Using data attributes

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

How to retrieve values of custom DOM properties?

html

javascript

customization

dom