我正在制作擴展并嘗試訪問該元素并將其列印到 console.log()
<li id="ember7026" class="ember-view c-tab__list__item publicConversation" data-test-id="public-conversation" data-count="1" aria-expanded="false" aria-selected="false"><span class="is_new_flag">NEW</span>Public
</li>
此時我正在嘗試訪問資料計數，但是沒有設法找到方法。
我通過以下方式訪問了整個串列：
var x = document.querySelector("#ember7026")
uj5u.com熱心網友回復：
B"H
原始問題：“Javascript - 查找元素”
因此，您似乎已經找到了該元素并對其進行了參考，現在您要做的是從您擁有的元素參考中獲取某個屬性
為此，只需使用該getAttribute功能，例如
myReferenceToHTMLNode.getAttribute("data-count")
雖然我可能誤解了這個問題，但也有可能您試圖查找具有某個屬性（在本例中為 data 屬性）值的所有元素，而不是依賴于單個 id。
在這種情況下，您可以簡單地執行以下操作
document.querySelector('li[data-count="1"]')
要將 JavaScript 值列印到控制臺，只需呼叫要列印console.log的 Javascript 值，例如
console.log(ember7026.getAttribute("data-count"))
uj5u.com熱心網友回復：
您可以使用datasetAPI 獲取test-id.
HTMLElement.dataset
const element = document.getElementById("ember7026");
const data = element.dataset;
console.log("The ID:", data.testId);
console.log("Count:", data.count);<li id="ember7026" class="ember-view c-tab__list__item publicConversation" data-test-id="public-conversation" data-count="1" aria-expanded="false" aria-selected="false"><span class="is_new_flag">NEW</span>Public轉載請註明出處，本文鏈接：https://www.uj5u.com/net/354659.html