我想使用Document.querySelector（）方法記錄包裝在<a>標簽中的</a>特定文本

Question

我想記錄包裝在標記中的所有文本，這些文本具有.link和.linkNewLine類。 我想在控制台中記錄這些內容，以便將它們復制到一個Excel工作表中，每個鏈接文本都放在單獨的行中。 由於我將擁有一個包含約200個鏈接的excel工作表，因此最好通過控制台而不是通過復制分別粘貼每個值來做到這一點。 大概Document.querySelector（）是這里的正確方法，但是我該如何編寫查詢呢？

<tr>
<td>
<a class="link linkNewLine" target="_blank" href="/link/foo/bar">The Text I want to grab</a>
</td>
<td>
<a class="link linkNewLine" target="_blank" href="/link/foo/bar">Another line of text I want to grab and put in a new row in excel</a>
</td>
<td>
<a class="linkNewLine" target="_blank" href="/link/foo/bar">This line should not end up in my excel</a>
</td>
</tr>

Answer 1

您可以使用jquery將這些文本記錄在控制台中。 這是一個代碼片段

$('a').each(function(){
    if($(this).hasClass('link') && $(this).hasClass('linkNewLine')){
        console.log($(this).text()+'\n');
    }
});

Answer 2

正確的方法是querySelectorAll

（ querySelector僅返回單個節點）

 (function(n){var a=[]; for(var i=0;i<n.length;++i){ console.log(n.item(i).textContent); a.push(n.item(i).textContent); } document.body.innerHTML=('<pre>'+a.join('\\n')+'</pre>') }(document.querySelectorAll('a.link.linkNewLine'))) 

 <table border="1"> <tr> <td> <a class="link linkNewLine" target="_blank" href="/link/foo/bar">The Text I want to grab</a> </td> <td> <a class="link linkNewLine" target="_blank" href="/link/foo/bar">Another line of text I want to grab and put in a new row in excel</a> </td> <td> <a class="linkNewLine" target="_blank" href="/link/foo/bar">This line should not end up in my excel</a> </td> </tr> </table>