如何使用javascript遍历包含多个td的字符串?

如何使用javascript遍历包含多个td的字符串?,javascript,html,Javascript,Html,背景故事,我正在开发一个chrome扩展,允许人们从用户内容页面检索特定数据并进行一些计算 我遇到的问题是如何过滤包含多个td元素的字符串,以获取其innerText,然后将找到的每个字符串存储到数组中 HTML表格内容和Javascript: <table id="countryList"> <tr> <td>Europe</td> <td>France</td>

背景故事,我正在开发一个chrome扩展,允许人们从用户内容页面检索特定数据并进行一些计算

我遇到的问题是如何过滤包含多个td元素的字符串,以获取其innerText,然后将找到的每个字符串存储到数组中

HTML表格内容和Javascript:

<table id="countryList">
     <tr>
         <td>Europe</td>
         <td>France</td>
         <td>Sweden</td>
         <td>Germany</td>
     </tr>
     <tr>
         <td>Asia</td>
         <td>Singapore</td>
         <td>Thailand</td>
         <td>Japan</td>
     </tr>
</table> 

var table = document.getElementById('countryList');
var tdArray = new Array;
for (var r = 0, n = table.rows.length; r < n; r++) 
{
    for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
        var stringContainTd = table.rows[r].cells[0].innerHTML);
    }
}

//loop through stringContainTd to find each td element and store it's innerText into tdArray.

欧洲
法国
瑞典
德国
亚洲
新加坡
泰国
日本
var table=document.getElementById('countryList');
var tdArray=新数组;
for(var r=0,n=table.rows.length;r
您可以使用它返回数组中匹配元素的列表。然后使用
forEach
循环遍历此数组,并使用
textContent
获取文本

var arr=[];
var getTDContent=document.querySelectorAll('td');
getTDContent.forEach(函数(项){
arr.push(item.textContent);//用于推入arr
})

欧洲
法国
瑞典
德国
亚洲
新加坡
泰国
日本