insertRow和insertCell

<html>
<body>
<table width="300" border="1" id="oTable">
        <tr>
                <td>原来的1</td>
                <td rowspan="2">原来的2</td>
        </tr>
        <tr>
                <td>原来的3</td>
        </tr>
</table>

<script type="text/javascript">
<!--
    var getTb= document.getElementById("oTable");
    var crTR = getTb.insertRow(); //行已经加完了,我们再加一个包含td和另一个带rowspan=2的TD,当然,是在TR的基础上;
    var crTDa = crTR.insertCell(); //第一个TD
    var crTDb = crTR.insertCell(); //第二个TD,带rowspan=2
         crTDb.rowSpan=2; //设成 rowspan=2;
    //按上边的table code,我们应继续写一个tr与td来对应上边的插入。则。。。
    var croTR = getTb.insertRow(); //再插入一个TR
    var croTD = croTR.insertCell(); //TD,对应上边的rowspan=2的TD
    //添加完了,写点内容吧。
    crTDa.innerHTML="这里是JS插入的1";
    crTDb.innerHTML="这里是JS插入的2";
    croTD.innerHTML="这里是JS插入的3";
//-->   
</script>

</body>
</html> 

阅读更多
文章标签: table border html
个人分类: js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

insertRow和insertCell

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭