使用js在页面中绘制表格核心代码

 更新时间:2013年09月16日 10:42:59   作者:  
在页面中绘制表格可以满足我们对数据的输入需求,在js中可以很容易实现,下面有个不错的示例,感兴趣的朋友可以参考下
1.先写一个<table>,中间放入<tbody>,但是<tbogy>什么也不加
 
如何使用js在页面中绘制表格

2.在js中写入方法,绘制表格
 
如何使用js在页面中绘制表格

其核心语句就是:

var row=document.createElement_x("tr"); 就是创建行

var cell=document.createElement_x("td"); 就是创建列

cell.appendChild(document.createTextNode(message)); 就是向列的每一个小格添加子节点和内容(必写)

row.appendChild(cell); 就是将每一列(一个小格)加到行中

document.getElementByIdx_x("tbodyname").appendChild(row); 就是讲每一行添加到tbody中

最后调用此方法就行。

相关文章

  • 全面解析Bootstrap表单使用方法(表单控件)

    全面解析Bootstrap表单使用方法(表单控件)

    这篇文章全面解析了Bootstrap表单的使用方法,本文重点介绍Bootstrap表单控件,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JS实现调用本地摄像头功能示例

    JS实现调用本地摄像头功能示例

    这篇文章主要介绍了JS实现调用本地摄像头功能,结合实例形式分析了Javascript基于浏览器对本地硬件操作简单实现技巧,需要的朋友可以参考下
    2018-05-05
  • javascript 隐藏/显示指定的区域附HTML元素【legend】用法

    javascript 隐藏/显示指定的区域附HTML元素【legend】用法

    今日闲来无事就写写JS,用来显示/隐藏制定的DIV区域。
    2010-03-03
  • js使用formData实现批量上传

    js使用formData实现批量上传

    这篇文章主要为大家详细介绍了js使用formData实现批量上传,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 如何实现小程序与小程序之间的跳转

    如何实现小程序与小程序之间的跳转

    这篇文章主要给大家介绍了关于如何实现小程序与小程序之间的跳转的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JS通过URL下载文件并重命名两种方式代码

    JS通过URL下载文件并重命名两种方式代码

    前端下载文件方法很多,url是文件地址,下面这篇文章主要给大家介绍了关于JS通过URL下载文件并重命名的两种方式,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 微信端口及协议分析(java、C版)

    微信端口及协议分析(java、C版)

    最近接了个项目,项目需求是:手机通过WIFI连接上网,而老板要求,员工使用手机只能上微信,而不能上其他网页和看在线视频。下面通过本文给大家分享微信端口及协议分析,感兴趣的朋友一起看看吧
    2016-11-11
  • 使用pkg打包ThinkJS项目的方法步骤

    使用pkg打包ThinkJS项目的方法步骤

    这篇文章主要介绍了使用pkg打包ThinkJS项目的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JavaScript中的appendChild()方法示例详解

    JavaScript中的appendChild()方法示例详解

    这篇文章主要介绍了JavaScript中的appendChild()方法,appendChild()方法是向节点添加最后一个子节点,也可以使用此方法从一个元素向另一个元素移动元素,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • JS实现树形结构与数组结构相互转换并在树形结构中查找对象

    JS实现树形结构与数组结构相互转换并在树形结构中查找对象

    这篇文章介绍了JS实现树形结构与数组结构相互转换并在树形结构中查找对象的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06

最新评论