javascript - 如何获取表/td 中的数据

Question

我使用下面的代码来获取单元格值。

alert(document.getElementById("table-body-positions").rows[0].cells[3].innerHTML);

Td 值为

<td><a data-action="details"><span><span class="">2019/01/04 13:36:19</span></span></a></td>

我得到了这个结果。

<a data-action="details"><span><span class="">2019/01/04 13:36:19</span></span></a>

但我只想得到2019/01/04 13:36:19

此 td 也存在同样的问题。

<td><a data-action="update-limit" data-filter="limit">1.18809 (505.4)<br>$808.64</a></td>

Answer 1

通过标签名称查找每个 td，然后递归检查其内容，直到找到 nodeType TEXT_NODE。

如果您的 tds 中没有固定的 HTML 结构，则此方法效果最佳。

不需要 id 和类。

function recursiveSearch(elem){
   
   if(elem.nodeType === Node.TEXT_NODE){
     //text was discovered
     return elem.data.replace("\n", "").trim();
   }
   const nodes = elem.childNodes;
   return Object.keys(nodes).map(key=>recursiveSearch(nodes[key])).join("");
}

const tds = document.getElementsByTagName('td');
const res = Object.keys(tds).map(key=>{
  const td = tds[key];
  return recursiveSearch(td);
});

console.log(res);

<table>
  <td>
    <a data-action="details">
      <span>
    <span class="">2019/01/04 13:36:19</span>
      </span>
    </a>
  </td>
  <td>
    <a data-action="update-limit" data-filter="limit">
  1.18809 (505.4)<br>$808.64
   </a>
  </td>

</table>