javascript - 使用 javascript 从范围（而不是文本）中获取值

Question

我正在尝试获取 span 属性的值，但到目前为止仅成功获取了文本（在这种情况下我不需要）。

// I want the value to return "10"


myValue = document.querySelector(".count-total").getElementByID("data-multiply")
console.log(myValue)

<div class="count-total">
  <span data-multiply="10">20 Doses</span>
</div>

标签： javascripthtml

Answer 1

span以with 为目标querySelector，然后从数据集中multiply获取值。

const span = document.querySelector('.count-total span');
console.log(span.dataset);
const val = span.dataset.multiply;
console.log(val);

<div class="count-total">
  <span data-multiply="10">20 Doses</span>
</div>