u013179958
CSDNRGY
采纳率99.5%
2015-08-18 00:57

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

已采纳

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答

  • tsinggao tsinggao 6年前
     <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>
    
    点赞 1 评论 复制链接分享
  • wangchixiao Jason_WangG 6年前

    利用表格操作接口就可以了

    点赞 1 评论 复制链接分享
  • MakTangJavaScript MakTangJavaScript 6年前

    用JQuery 对table设置class或id

     $("table的id或class  tr  td").text();
    
    点赞 评论 复制链接分享
  • u013538542 Johnny.Cheung 6年前

    使用jquery操作table tr td的值
    $("table").find("tr").find("td").html("自定义td的值");

    点赞 评论 复制链接分享
  • strutce 丵鹰 6年前

    document.getElement("id的值").value 或$(".class的值").val 或 $("#id的值").val id为tr或td的id属性

    点赞 评论 复制链接分享

相关推荐