• javascript: change the content of table


    1.change content 

    var table = document.getElementById("TableData1");
     var enab = document.getElementById("alr_"+alr_id).value;
     table.rows[tab_line].cells[0].innerHTML="<input type='checkbox' class='standardTxt' id='set_enab' "+(enab=="true"?"checked":"")+" />";
     

    2. insert row

    function addRow()

    {

      //添加一行

      var newTr = testTbl.insertRow();

      //设置行背景

      newTr.bgColor = '#008040';

      //添加两列

      var newTd0 = newTr.insertCell();

      var newTd1 = newTr.insertCell();

      //设置列内容和属性

      newTd0.innerHTML = '<input type=checkbox id="box4">';

      newTd1.innerText= '新增加的行';
    }
    </script>

    3. dom insert row

    var tb = document.getElementById("mailtable");
     var row = document.createElement("tr");
     var cell0 = document.createElement("td");
     cell0.className = "standardTxt";
      cell0.innerHTML = "a";
     var cell1 = document.createElement("td");
     cell1.align = "right";
     cell1.className = "standardTxt";
     cell1.innerHTML = ";
     row.appendChild(cell0);
     row.appendChild(cell1);
     tb.tBodies[0].appendChild(row);

    4. add more rows

    function insertRows(rows){
     document.getElementById("div_mailtable").innerHTML=
      "<table id='mailtable' width='100%' cellpadding=0 cellspacing=0 border=0>"
      +"<tbody id='body_mailtable'>"+document.getElementById("mailtable").tBodies[0].innerHTML+rows+"</tbody></table>";
    }

  • 相关阅读:
    Robot Framework自动化测试(三)---Selenium API
    Robot Framework自动化测试(二)---元素定位
    Robot Framework自动化测试(一)---第一个脚本
    Jmeter压力测试简单教程(包括服务器状态监控)
    Jmeter分布式部署测试分享
    Java IO流详解
    Java集合框架
    Java异常处理
    Java 封装
    Static和递归
  • 原文地址:https://www.cnblogs.com/kevinge/p/1544874.html
Copyright © 2020-2023  润新知