检查html单元格中的按钮
检查html单元格中的按钮
提问于 2018-07-25 06:21:49
有没有办法检查html表格中的单元格是否包含按钮？这个单元格将只包含一个按钮，或者什么也不包含。
目前，我正在使用
if (table.rows[1].cells[0].value === undefined) {但是，这将检测不到任何按钮，而实际上有一个按钮。
回答 2
Stack Overflow用户
回答已采纳
发布于 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>
Stack Overflow用户
发布于 2018-07-25 06:36:16
或者你可以这样做：
if (document.querySelector('td button'))
console.log('Yes, there is a button in a table cell!');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51508339
复制相关文章
相似问题