开发者社区> 问答> 正文

如何用JavaScript操作table中tr中td的值?

如何用JavaScript操作table中tr中td的值?
如何用JavaScript操作table中tr中td的值?
如何用JavaScript操作table中tr中td的值?

展开
收起
小旋风柴进 2016-03-18 14:47:52 2362 0
1 条回答
写回答
取消 提交回答
  •  <html>
        <head>
            <title>
                修改td中的值
            </title>
        </head>
        <body>
            <table id="myTable" width="400px" border="1px solid #CCC">
                <tr>
                    <td height="50px" width="25%">
                    1,1</td>
                    <td height="50px" width="25%">
                    1,2</td>
                    <td height="50px" width="25%">
                    1,3</td>
                    <td height="50px" width="25%">
                    1,4</td>
                </tr>
                <tr>
                    <td height="50px" width="25%">
                    2,1</td>
                    <td height="50px" width="25%">
                    2,2</td>
                    <td height="50px" width="25%">
                    2,3</td>
                    <td height="50px" width="25%">
                    2,4</td>
                </tr>
                <tr>
                    <td height="50px" width="25%">
                    3,1</td>
                    <td height="50px" width="25%">
                    3,2</td>
                    <td height="50px" width="25%">
                    3,3</td>
                    <td height="50px" width="25%">
                    3,4</td>
                </tr>
            </table>
    
            <br>
    
            <hr>
            <br>
            <input type="text" size="20" id="inputText">
            <input type="button" value="修改(3,3)td中的值" onclick="updateValue('inputText',2,2);"
        </body>
        <script>
            function updateValue(textId,row,col){
                table = document.getElementById('myTable');
                table.rows[row].cells[col].firstChild.nodeValue = document.getElementById(textId).value;
            }
        </script>
    </html>
    2019-07-17 19:06:43
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载