javascript - 无法抓取网页上类元素中的文本 - Chrome 扩展

Question

我想抓取以下 html 中名为“company-name”的类元素内的文本:

<h3 class="company-name"><a class="link" data-send-tracking="true" href="/sales/accounts/insights?companyId=3025784">Opera Mediaworks</a></h3>

所以在这种情况下，我想抓取的是“Opera Mediaworks”。

但是，我不断收到以下错误:

extensions::uncaught_exception_handler:8 Error in response to tabs.query: TypeError: Cannot read property 'textContent' of null
    at Object.callback (chrome-extension://ecphajfcjjcikhaiohndnkfcjhfganef/grabcomanddefinecompet.js:12:68)
    at HTMLButtonElement.abc (chrome-extension://ecphajfcjjcikhaiohndnkfcjhfganef/grabcomanddefinecompet.js:8:14)

我的这个函数的代码如下:

function grabcom() {

    var companyname = document.getElementsByClassName("company-name").innerHTML;
    console.log(companyname);

}

grabcom();

我已经尝试了以下所有方法，但仍然无法工作:

    var companyname = document.getElementsByClassName("company-name")[0].innerHTML
    var companyname = document.getElementsByClassName("company-name")[0]
    var companyname = document.getElementsByClassName("company-name")[0].textContent

缺少什么？

谢谢。

Answer 1

您可能想要获取 <a> 的内部 HTML标签，因为您只需要“Opera MediaWorks”而不是 <h3> 中的所有内容标签。

所以这应该得到你想要的:

var companyName = document.getElementsByClassName('link')[0].innerHTML