关闭

insertRow和insertCell

标签: tableborderhtml
578人阅读 评论(0) 收藏 举报
分类:

<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> 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31904次
    • 积分:477
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:14篇
    • 译文:0篇
    • 评论:2条
    最新评论