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

Question

为了简化我想实现的目标，我想使用JavaScript小书签警报从data-code =“ popular-laptop-deals”中获取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">

这些属于嵌套div，其中还有其他<div>，其数据代码为=“”。我正在尝试让该函数运行全部并从data-code =“”中获取所有其他值。

我尝试使用以下脚本，但它返回“未定义”：

javascript:alert(document.getElementsByName("data-code")[0]);

感谢有人可以向我展示或指导我如何实现这一目标。

提前感谢。

Answer 1

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

Jquery：

alert($("div").attr("data-code"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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">

Answer 2

document.getElementsByName("data-code")是一个空的NodeList，因为不存在具有name的元素，因此也没有具有属性data-code的元素。您可以将getElementsByName更改为getElementsByTagName等，然后获取其属性值。