JavaScript从nodeList获取数据属性？

Question

我正在尝试网页抓取数据属性。

<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的格式，我只对从data-example获取.class1 .class2感兴趣。

当我访问querySelectorAll的任何结果时，我正在获取HTML。

Answer 1

var list = document.querySelectorAll('.class1 .class2 div[data-example]');
console.log(list[list.length - 1].getAttribute('data-example'));

http://jsbin.com/luyovumu/1/