Javascript使用tr类获取td的文本节点 [英] Javascript to get text node of td using tr class

问题描述

我在下面有以下代码：

<table>
  ...
[Multiple lines ommited for brevity]

<tr class="bibItemsEntry"> 
<td width="31%" ><!-- field 1 -->&nbsp;Archives, Thesis Col. Graduate, 12F (Mezz.) Henry Sy Sr. Hall 
</td>
<td width="46%" ><!-- field C -->&nbsp;<a href="/search~S1?/cCDTG006829/ccdtg006829/-3,-1,,E/browse">CDTG006829</a> <!-- field v --><!-- field # -->&nbsp;<!-- field ! -->&nbsp;ROOM USE ONLY</td>
<td width="23%" ><!-- field % -->&nbsp;CHECK SHELF </td></tr>
</table>

<p id="demo">Test</p>

我想要做的是使用JavaScript并获取<$文本节点的第一个值< tr class = bibItemsHeader> 下的c $ c>< td> 。我试图将值放入< p id = demo> 。
我正在尝试以下JavaScript代码：

What I wanted to do is to use javascript and get the first value of the text node of <td> under <tr class="bibItemsHeader">. I'm trying to put the value into <p id="demo">. I'm trying out the below javascript code:

var x = document.getElementsByClassName("bibItemsEntry");
document.getElementById("demo").innerHTML = x[0].innerHTML;

但是我得到了所有的td文本节点值。有人可以解决我的问题吗？

But I'm getting all the td text node values. Can somebody help with my problem? Thanks in advance!

推荐答案

您选择的是 tr 元素，而不是您真正想要的第一个 td 。试试这个：

You are selecting the tr element and not the first td that you really want. Try this:

const td = document.querySelector('.bibItemsEntry td:first-child');
const p = document.getElementById('demo');
p.innerHTML = td.textContent;

这篇关于Javascript使用tr类获取td的文本节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！