Javascript可以同时获取行索引和单元格数据吗?
我的表可以通过.rowIndex获取行索引。如果我需要行的第三列数据,是否可能 我的桌子:Javascript可以同时获取行索引和单元格数据吗?,javascript,html,Javascript,Html,我的表可以通过.rowIndex获取行索引。如果我需要行的第三列数据,是否可能 我的桌子: <table width="90%" border="1" id="TestAlert"> <tbody> <tr><td>Attribute</td> <td>Thai</td> <td>English</td></tr> <tr onclick="myFunct
<table width="90%" border="1" id="TestAlert">
<tbody>
<tr><td>Attribute</td> <td>Thai</td> <td>English</td></tr>
<tr onclick="myFunction((this))"><td>น้ำหนัก</td><td>...</td><td>WT</td></tr>
<tr onclick="myFunction((this))"><td>ชื่อรุ่น</td><td>...</td><td>MDL</td></tr>
<tr onclick="myFunction((this))"><td>สูง</td><td>...</td><td>HIGH</td></tr></tbody>
</table>
单击每一行时,应使用什么函数获取“WT”或“MDL”或“HIGH”
function getAllItems(){
const items = document.querySelectorAll('tr');
const itemsArr = Array.from(items);
itemsArr.forEach(c=> console.log(c.textContent));
}
getAllItems();
现在在tr元件上执行以下操作:
<tr onclick="getAllItems()"><td>สูง</td><td>...</td><td>HIGH</td></tr>
</tbody>
สูง...高的
现在在tr元件上执行以下操作:
<tr onclick="getAllItems()"><td>สูง</td><td>...</td><td>HIGH</td></tr>
</tbody>
สูง...高的
无需将onclick
事件处理程序添加到每个tr
。而是在js中将onclick
附加到tbody
在上单击
获取事件对象&从那里获取目标。目标将是td
innerHTML
将给出td的内容&parentNode
将返回从中生成事件的td
的tr
使用rowIndex
获取该行的索引<代码>行索引从0开始
var table=document.getElementById('TestAlert'))
var getTBody=table.getElementsByTagName(“tbody”)[0];
getTBody.onclick=函数(e){
console.log(e.target.parentNode.rowIndex)
log(e.target.innerHTML)
};代码>
属性
泰国人
英语
น้ำหนัก
...
WT
ชื่อรุ่น
...
MDL
สูง
...
高的
无需将onclick
事件处理程序添加到每个tr
。而是在js中将onclick
附加到tbody
在上单击
获取事件对象&从那里获取目标。目标将是td
innerHTML
将给出td的内容&parentNode
将返回从中生成事件的td
的tr
使用rowIndex
获取该行的索引<代码>行索引
从0开始
var table=document.getElementById('TestAlert'))
var getTBody=table.getElementsByTagName(“tbody”)[0];
getTBody.onclick=函数(e){
console.log(e.target.parentNode.rowIndex)
log(e.target.innerHTML)
};代码>
属性
泰国人
英语
น้ำหนัก
...
WT
ชื่อรุ่น
...
MDL
สูง
...
高的
这仅在单元格不包含任何元素的情况下有效。本问题中未提及单元格内的“元素”。这仅在单元格不包含任何元素的情况下有效。本问题中未提及单元格内的“元素”