确定javascript中的html表对象是否具有<colgroup>是否

Determine whether html table object in javascript has the <colgroup> or not?

本文关键字：是否 lt javascript colgroup gt 中的 对象 确定 html      更新时间：2023-09-26

我想确定网页上的任何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);
    }
}
相关文章：