此 JavaScript 代码使表格具有响应能力:
/* Credits:
https://gist.github.com/jpen365/f34bbff7d9db99f912e1e75193071718 */
var headertext = [];
var headers = document.querySelectorAll("thead");
var tablebody = document.querySelectorAll("tbody");
for (var i = 0; i < headers.length; i++) {
headertext[i]=[];
for (var j = 0, headrow; headrow = headers[i].rows[0].cells[j]; j++) {
var current = headrow;
headertext[i].push(current.textContent);
}
}
for (var h = 0, tbody; tbody = tablebody[h]; h++) {
for (var i = 0, row; row = tbody.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
col.setAttribute("data-th", headertext[h][j]);
}
}
}
我的问题是如何使用类排除表所有具有此类的表is-style-stripes
例如此表:
<table class="wp-block-table aligncenter is-style-stripes">
<tbody>
<tr>
<th>Company</th><td>Amazon</td>
</tr>
<tr>
<th>Company</th><td>Google</td>
</tr>
</tbody>
</table>
最佳答案
如果你想获得所有没有类的表,你可以使用
document.querySelectorAll("table:not(.is-style-stripes)")
您将获得没有该类的所有表格
如果您想要具有此类的表,只需使用
document.querySelectorAll("table.is-style-stripes")
然后你可以搜索它的tbody
或thead
,例如
table.querySelectorAll("tbody")
关于javascript - 如何从 JS 代码中排除某些 HTML 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55550360/