Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript可以同时获取行索引和单元格数据吗?_Javascript_Html - Fatal编程技术网

Javascript可以同时获取行索引和单元格数据吗?

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

我的表可以通过.rowIndex获取行索引。如果我需要行的第三列数据,是否可能

我的桌子:

<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
สูง
...
高的

这仅在单元格不包含任何元素的情况下有效。本问题中未提及单元格内的“元素”。这仅在单元格不包含任何元素的情况下有效。本问题中未提及单元格内的“元素”