有没有办法检查html表格中的单元格是否包含按钮?这个单元格将只包含一个按钮,或者什么也不包含。
目前,我正在使用
if (table.rows[1].cells[0].value === undefined) {
但是,这将检测不到任何按钮,而实际上有一个按钮。
发布于 2018-07-25 06:30:20
您可以检查table.rows[1].cells[0].children[0].nodeName
是否等于"BUTTON"
,以查看表的第二行的第一个单元格的第一个子级是否为按钮。
<table id="table">
<tr>
<td>s</td>
</tr>
<tr>
<td><button>Button</button></td>
</tr>
</table>
<script>
var table = document.getElementById('table');
if (table.rows[1].cells[0].children[0] && table.rows[1].cells[0].children[0].nodeName == "BUTTON") {
console.log("Table row 2 cell 1 contains a button element");
} else {
console.log("Table row 2 cell 1 does not contain a button element");
}
if (table.rows[0].cells[0].children[0] && table.rows[0].cells[0].children[0].nodeName == "BUTTON") {
console.log("Table row 1 cell 1 contains a button element");
} else {
console.log("Table row 1 cell 1 does not contain a button element");
}
</script>
发布于 2018-07-25 06:36:16
或者你可以这样做:
if (document.querySelector('td button'))
console.log('Yes, there is a button in a table cell!');
https://stackoverflow.com/questions/51508339
复制相似问题