修改HTML元素

最新推荐文章于 2023-06-30 07:08:24 发布

第十七签

最新推荐文章于 2023-06-30 07:08:24 发布

阅读量431

点赞数

分类专栏： HTML 文章标签： html

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/u012868077/article/details/51678355

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=GBK"/>
        <title>修改html元素值</title>
    </head>
    <body>
       改变第<input id="row" type="text" size="2"/>行，第<input id="cel" type="text" size="2"/>列的值为:<input id="changeValue" type="text"/><br/>
       <input type="button" value="改变" id="chg" onclick="change();"/>
       <table id="myTable" border="1px">
           <tr>
               <td>你好</td>
               <td>我是</td>
           </tr>
           <tr>
               <td>我</td>
               <td>hhh</td>
           </tr>
       </table>
       <script type="text/javascript">
           function change(){
               var tb=document.getElementById('myTable');
               var row=document.getElementById('row').value;
               var col=document.getElementById('cel').value;
               row=parseInt(row);
               col=parseInt(col);
               tb.rows.item(row-1).cells.item(col-1).innerHTML=document.getElementById('changeValue').value;
           }
       </script>
    </body>
</html>