我正在嘗試獲取 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>uj5u.com熱心網友回復：
以spanwith 為目標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>uj5u.com熱心網友回復：
使用dataset屬性：https : //developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
const node = document.querySelector(".count-total span[data-multiply]")
console.info(node.dataset.multiply)<div class="count-total">
<span data-multiply="10">20 Doses</span>
</div>uj5u.com熱心網友回復：
.getElementByID("data-multiply") 在語法上既不正確也不會獲得資料屬性
它是拼寫的，getElementById但在元素具有 ID 時使用
您需要使用帶有完整路徑的 querySelector 并使用dataset 屬性
// I want the value to return "10"
const myValue = document.querySelector(".count-total span").dataset.multiply;
console.log(myValue)<div class="count-total">
<span data-multiply="10">20 Doses</span>
</div>uj5u.com熱心網友回復：
getElementById（注意d末尾的小寫）查找具有匹配id="xyz"值的元素。你的元素都沒有id.
假設spanwithdata-multiply是唯一（或至少是第一個）具有該data-*屬性的元素，您可以querySelector使用屬性選擇器 ( [data-multiply])找到它并通過getAttributeor讀取其屬性值dataset：
const element = document.querySelector("[data-multiply]");
const myValue = element.getAttribute("data-multiply");
console.log(myValue);
const myValue2 = element.dataset.multiply;
console.log(myValue2);<div class="count-total">
<span data-multiply="10">20 Doses</span>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/346423.html
標籤：javascript html
上一篇：引數化on()函式jquery