标签 javascript
<分区>
我正在尝试网络抓取数据属性。
<div class="class1">
<div class="class2">
<div data-example="hi">
</div>
</div>
</div>
<div class="class1">
<div class="class2">
<div data-example="hi">
</div>
</div>
</div>
JavaScript
var list = document.querySelectorAll('.class1 .class2');
console.log(list[list.length - 1]);
这会在控制台中返回原始 HTML，我无法使用它来访问数据属性值。不幸的是，我无法更改 HTML 的格式，我只对从 .class1 .class2 获取 data-example 感兴趣。
当我从 querySelectorAll 访问任何结果时，我得到 HTML。
最佳答案
var list = document.querySelectorAll('.class1 .class2 div[data-example]');
console.log(list[list.length - 1].getAttribute('data-example'));
关于JavaScript 从 nodeList 获取数据属性？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22699203/
相关文章：
javascript - 在 Node 和浏览器环境中使用 TextEncoder 类
javascript - 请求 Stack Overflow API 返回奇怪的响应
javascript - 这个函数会返回什么？空数组或对象数组
javascript - 这是调用 javascript 函数的正确方法吗？
javascript - Grails application.js 未执行
javascript - 关卡计时器 - 如何在 Unity 中创建时间限制？
javascript - VueJS : Passing data from root element to child components through router-view