使用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中

最后调用此方法就行。

相关文章

  • JavaScript中的普通函数和箭头函数的区别和用法详解

    JavaScript中的普通函数和箭头函数的区别和用法详解

    这篇文章主要介绍了JavaScript中的普通函数和箭头函数的区别和用法详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • 微信小程序picker多列选择器(mode = multiSelector)

    微信小程序picker多列选择器(mode = multiSelector)

    本文主要介绍了微信小程序picker多列选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • JavaScript常用的3种弹出框(提示框 alert/确认框 confirm/输入框 prompt)

    JavaScript常用的3种弹出框(提示框 alert/确认框 confirm/输入框 prompt)

    三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行,本文通过实例代码给大家分享JS常用的3种弹出框,感兴趣的朋友一起看看吧
    2022-07-07
  • js 去掉字符串前后空格实现代码集合

    js 去掉字符串前后空格实现代码集合

    这篇文章主要介绍了js 去掉字符串前后空格实现代码集合,需要的朋友可以参考下
    2017-03-03
  • JavaScript动画函数封装详解

    JavaScript动画函数封装详解

    动画的原理是通过定时器setInterval() 不断移动盒子位置。但是如果同时有好几个元素都需要添加动画呢?我们就可以考虑将其封装成一个简单的动画函数。本文将为大家介绍如何进行封装,需要的可以参考一下
    2021-12-12
  • Javascript 八进制转义字符(8进制)

    Javascript 八进制转义字符(8进制)

    最近在看一些Javascript玩魔术的资料,感叹那些真正的是在玩技术,相当让人佩服。
    2011-04-04
  • JavaScript中async和await的使用及队列详情

    JavaScript中async和await的使用及队列详情

    这篇文章主要介绍了JavaScript中async和await的使用及队列详情,主要围绕js中async和await简单解析展开面试中可能会问到的关于队列的一些场景和知识点,需要的朋友可以参考一下
    2022-07-07
  • 如何在微信小程序中存setStorage

    如何在微信小程序中存setStorage

    这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JavaScript网页定位详解

    JavaScript网页定位详解

    本篇文章主要是对JavaScript网页定位进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript 中this指向问题案例详解

    JavaScript 中this指向问题案例详解

    这篇文章主要介绍了JavaScript 中this指向问题案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08

最新评论