zoukankan      html  css  js  c++  java
  • (9)通过js创建及修改表格

     下面的是一行两格:

    <script>
    
    var table_01=document.createElement('table');
    var tb_01=document.createElement('tbody');
    var tbText_01=document.createTextNode('表格1');
    var tbText_02=document.createTextNode('表格2');
    
    //将tb_01放进table_01中,接下来只要在tb_01中操作即可。
    table_01.appendChild(tb_01);
    
    //这步,创建新行。用insertRow()  记住,是insertRow()  
    //重点一:是insertRow(),其中Row后面没有s.
    //重点二:是insertRow(),其中是小括号(),不是中括号。
    //下面的insertCell()与这个点重点是一样的。
    tb_01.insertRow(0);
    
    //创建新行的第一个单元格,记住,0为第一行,第一个。
    tb_01.rows[0].insertCell(0);
    //为该单元格接入内容
    tb_01.rows[0].cells[0].appendChild(tbText_01);
    
    //创建新行的第二个单元格
    tb_01.rows[0].insertCells(1);
    tb_01.rows[0].cells[1].appendChild(tbText_02);
     
    //第三步,最重要的一步,把table接入文档
    document.body.appendChild(table_01);
    
    
    </script>

        里面的重点都标好了。

  • 相关阅读:
    JAVA SSH 框架介绍
    Web开发者不可不知的15条编码原则
    全选,反选,全不选
    Python函数
    Python变量解析
    Python输入/输出语句
    Python程序基本架构
    Python开发环境安装
    java事件
    测试博客
  • 原文地址:https://www.cnblogs.com/koutuzai/p/7123302.html
Copyright © 2011-2022 走看看