按标记名和类名选择元素

Question

我试图在具有已知类名的标题中捕获a标记。

检查元件：

<h3 class="c-card__title">
                    <a href="https://www.springer.com/book/9783030873233" data-track="click" data-track-action="clicked article" data-track-label="article-0">SARS-CoV-2 Spike Protein Convergent Evolution
                    </a>
                </h3>

我的代码：

var elements = document.getElementsByClassName("c-card__title").getElementsByTagName('a');
var vals = [];
for(var i=0;typeof(elements[i])!='undefined';vals.push(elements[i++].getAttribute('href')));
     for (var j = 0;typeof(vals[j])!='undefined'; ++j) {
     window.open(vals[j]);

我在浏览器控制台中运行它，但它给出了以下错误：

VM1065:4 Uncaught TypeError: document.getElementsByClassName(...).getElementsByTagName is not a function
    at <anonymous>:4:66

Answer 1

不能在getElementsByTagName之后使用getElementsByClassName方法，应该使用：

document.querySelectorAll(".c-card__title > a");

看看这