Javascript

Question

我正在扩展并尝试访问该元素并将其打印到 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")

Answer 1

您可以使用dataset API 得到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

Answer 2

原题：“Javascript - 查找元素”

看来您已经找到了元素并对其进行了引用，现在您要做的是从您拥有的元素引用中获取某个属性

为此，只需使用 getAttribute 函数，例如

myReferenceToHTMLNode.getAttribute("data-count")

虽然我可能误解了这个问题，但您也有可能试图找到具有特定属性（在本例中为数据属性）值的所有元素，而不是依赖于单个 id。

在这种情况下，您可以简单地执行类似

的操作

document.querySelector('li[data-count="1"]')

要将 JavaScript 值打印到控制台，只需在要打印的 Javascript 值上调用 console.log，例如

console.log(ember7026.getAttribute("data-count"))

Javascript - 找到一个元素

Javascript - find an element

google-chrome-extension