如何在javascript中从这个类中获取href？

Question

我有以下一段 html：

<div class="inside-article">
  <a style="height:70px;" href="blabla">
    <img width="70" height="70" src="//anysite.com/1234/anypic.jpg" alt="Bugblt4"
  </a>
</div>

请注意，这只是一个摘录；有更多的类具有相同的类名，只是它们具有不同的href。

我试图href从这个类中获取inside-article并在页面上提醒它，但它似乎不起作用。所以我已经阅读了它，也许有一些提示，阅读了 getAttribute 方法并尝试使用它，但这也不起作用：/

到目前为止，我有：

var x = document.getElementsByClassName('inside-article')[0].getAttribute('href');
alert(x);

但是我还能如何获得这项工作？我收到的警报消息只是null:(

Answer 1

您的目标是没有 href 的 div。您的意思是针对 div 内的标签。

document.querySelector('.inside-article a').href

编辑

因为您提到页面上有多个实例，所以您将如何浏览所有实例

var links = document.querySelectorAll('.inside-article a');
for(var i = 0; i < links.length; i++){
   links[i].href;
}