zoukankan      html  css  js  c++  java
  • javascript技巧篇(1)

    要实现动态表格,首先需要掌握javascript提供的3个非常重要的方法

    (1)使用insertRow()方法添加表格行数。在javascript中增加表格的行,首先需要确定新增行插入表格的位置,然后执行插入操作。

          var table=document.getElementById("mytable");//取得表格对象

          var  index=table.rows.length;//取得表格的行数

          var nextRow =table.insertRow(index);//取得新插入行的对象并执行插入操作(这句话,将新增行插入到表格的最后一行)

    (2)使用deleteRow()方法删除表格的行。删除表格的行和增加表格的行类似,需要先确定删除行的位置,再删除。

         var table=document.getElementById("mytable");//取得表格对象

         var row=document.getElementById("rowId");//取得行对象

         var index=row.rowIndex;//取得行数的索引值

        table.deleteRow(index);//删除指定行

    (3)使用setAttribute()方法设置元素的属性。例如设置某一行id的属性值

       var  nextRow=table.insertRow(index);//id对象

       nextRow.setAttribute("id",idVal);//设置id的值

  • 相关阅读:
    HTML5和HTML4之间的区别
    HttpRequest信息内容介绍
    Spring Web MVC处理请求的流程
    游戏中的路径动画设计与实现
    Python基本数据类型
    Python基本数据类型
    perl .= 操作符
    出差二、三事——北漂18年(25)
    perl 卸载Oracle数据库
    perl 卸载mysql数据库
  • 原文地址:https://www.cnblogs.com/xiaowei-blog/p/4039461.html
Copyright © 2011-2022 走看看