Javascript 如何跳过document.querySelectorAll的第一个结果

Javascript 如何跳过document.querySelectorAll的第一个结果,javascript,html,css,Javascript,Html,Css,这是我的html <div class="modal-body"> <table style="text-align:center;" class="table table-bordered"> <tbody> <tr> <th>Line</th> </tr> <tr> <td>aaaaaaaaa<br>bbbbbbb

这是我的html

<div class="modal-body">
<table style="text-align:center;" class="table table-bordered">
<tbody>
<tr>
<th>Line</th>
</tr>
<tr>
<td>aaaaaaaaa<br>bbbbbbbbbb<br>cccccccccc</td>
</tr>
</tbody>
</table>
</div>
向我显示如下结果:

Line
aaaaaaaaa
bbbbbbbbb
ccccccccc
我想跳过第一行:第二行

并仅保留此结果:

aaaaaaaaa
bbbbbbbbb
ccccccccc

有什么想法吗?

如果您打算选择所有
元素,请参考解决方案

document.querySelectorAll('.modal body tr td').forEach(f=>console.log(f.innerText.split('\n')))

线
aaaaaaaaa
bbbbbbbbbb
ccccccc aaaaaaaaa
bbbbbbbbbb
ccccccc
以下示例向您展示了完成任务的多种方法之一。它还将教你如何编写代码

let doc、html、bod、M、I、S、Q;//用于其他负载
addEventListener('load',()=>{
doc=document;html=doc.documentElement;bod=doc.body;
M=tag=>{//make元素
返回单据createElement(标签);
}
I=id=>doc.getElementById(id);//按id获取
S=(选择器,在范围内)=>{//get first by selector
设w=在| | doc内;
返回w.querySelector(选择器);
}
Q=(选择器,在范围内)=>{//get all by selector
设w=在| | doc内;
返回w.querySelectorAll(选择器);
}
//下面是魔术——上面是小图书馆
const tdWithText=S('.modal body>table>tbody>tr>td');
const resArray=tdWithText.innerText.split(/\n/);
控制台日志(重新排列);
//resArray[0]是一条线-resArray[1]是b线-resArray[2]是c线
}); // 端部载荷
表格{
文本对齐:居中;
}

线
aaaaaaaaa
bbbbbbbbbb
ccccccc
为什么选择整个
。模态体
而不是
中的
td
。模态体
因为我发布的不是完整的html,如果我只使用td,结果是所有html的td,我只需要class=“modal body”的td是的,但是有什么问题,例如
让content=document.queryselector all(“.modal body td”)
?当我使用“.modal body td”按钮时,按钮不起作用,而且无论如何也不会跳过第一条lline,请检查此处:您的jsbin没有运行,但它在javascript代码中有
标记(因此语法错误),它是不完整的,因为没有
btn sm
,并且选择器不是
。模态体td
。那么jsbin应该如何显示
文档。querySelectorAll('.modal body td')
将不起作用?
aaaaaaaaa
bbbbbbbbb
ccccccccc