Question

我有一个带有thead的表，第一个colspan = 1.我想以编程方式将其设置为值2：它不起作用，怎么做？

这是源代码：

<table>
    <thead>
        <tr>
        <th scope="col" colspan="1">TITLE</th>
        </tr>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>

            <td></td>    


        </tr>
    </tbody>
</table>

javascript：

    var myTable = document.getElementsByTagName('table')[0];
    var myThead = myTable.getElementsByTagName('thead')[0]; 
    _tr = myThead.getElementsByTagName("TR")[0];
    _th = _tr.getElementsByTagName("TH")[0]; 
    _th.colspan = 2;

Answer 1

它是colSpan，而不是colspan; - ）

请参阅colSpan documentation。

（updated fiddle）。

Answer 2

Javascript DOM元素有一种设置属性的特殊方法，即setAttribute('<attribute>','<value>')

_th.setAttribute("colspan", "2");

检查这个小提琴：

https://jsfiddle.net/Lgof8m6q/7/

为什么我不能以编程方式为TH标签设置colspan？

2 个答案: