gpt4 book ai didi

javascript - 判断javascript中的html表格对象是否有?

转载 作者:行者123 更新时间:2023-11-28 20:51:35 24 4
gpt4 key购买 nike

我想确定网页上的任何 html 表是否存在标签。如果它不存在,我想在 html 中插入 colgroup 标签。我已经在 javascript 中得到了表对象,但我没有找到任何方法来解决这个问题。请帮忙!!!

最佳答案

参见http://jsfiddle.net/jv5yQ/

只需使用.getElementsByTagName('colgroup'):

HTML:

<table id="t1">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>

<table id="t2">
<colgroup style="background-color:#F00"></colgroup>
<colgroup style="background-color:#00F"></colgroup>
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>

JavaScript:

var ids=['t1','t2'];
for(var i=0;i<ids.length;i++){
var el=document.getElementById(ids[i]),
cond=el.getElementsByTagName('colgroup').length===0;
if(cond){
var col1=document.createElement('colgroup'),
col2=col1.cloneNode(false);
col1.style.background='#0f0';
col2.style.background='#f0f';
el.insertBefore(col2,el.firstChild);
el.insertBefore(col1,el.firstChild);
}

}

关于javascript - 判断javascript中的html表格对象是否有<colgroup>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12332166/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com