如何选择没有类的div元素?

Question

Sample HTML Element
<div data-testid="Custom Data Test"> 

• 上面的div里面没有类。
• 如何访问"数据测试"(我应该使用哪个选择器)

Answer 1

您可以使用querySelector()或querySelectorAll()，并按如下属性进行选择:

const div = document.querySelector('div[data-testid="Custom Data Test"]');
div.textContent = "blah";
const divs = document.querySelectorAll('div[data-testid]');
divs.forEach( (e,i) => e.textContent = e.textContent + " this is div number " + i + " and data-testid attribute is " + e.dataset.testid);

Sample HTML Element
<div data-testid="Custom Data Test"></div>
<div data-testid="Custom Data Test 2"></div>
<div data-testid="Custom Data Test 3"></div>