javascript：如何获取嵌套div中特定属性的值

为了简化我想要实现的目标，我想使用javascript bookmarklet警报从data code=“popular laptop deals”获取热门笔记本交易

<div class="display-table-column scroll-item display-block-xs top-padding-mini-xs tile-highlight category-tile" data-code="popular-laptop-deals" data-testid="tile-highlight">

---

使用Jquery，您可以实现如下所示

Jquery：

警报（$（“div”）.attr（“数据代码”）
文档。getElementsByName（“数据代码”）
是一个空节点列表，因为没有具有
名称的元素，因此没有具有属性
数据代码的元素

您可以将
getElementsByName
更改为
getElementsByTagName
等，然后获取其属性值

另外，
data-*
属性可以通过元素的
dataset
属性访问，例如
yourDiv.dataset.code


警报（document.getElementsByTagName（'div'）[0].dataset.code）
使用
查询选择器
选择标记和
获取属性
选择属性


var attr_code=document.querySelector（'div'）.getAttribute（'data-code'）；
警报（属性代码）
使用此选项，您可以检查页面上的所有div标记，并将它们添加到数组中（如果包含数据代码）

var divs = document.getElementsByTagName("div");
var result = [];

for (var i = 0; i < divs.length; i++) {
    if (typeof divs[i].dataset.code !== "undefined") {
        result.push(divs[i].dataset.code);
    }
}

console.log(result)

var divs=document.getElementsByTagName（“div”）；
var结果=[]；
对于（变量i=0；i