JS实现为表格动态添加标题的方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了JS实现为表格动态添加标题的方法。分享给大家供大家参考。具体如下:

JS中的表格对象带有一个createCaption方法用于为表格创建标题caption

<!DOCTYPE html>
<html>
<head>
<script>
function createCaption()
{
var x=document.getElementById('myTable').createCaption();
x.innerHTML="My table caption";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br>
<input type="button" onclick="createCaption()"
value="Create caption">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JQuery live函数
Dec 24 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
vue2导航根据路由传值,而改变导航内容的实例
Nov 10 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
JS实现从表格中动态删除指定行的方法
Mar 31 #Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 #Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 #Javascript
jQuery选择器源码解读(二):select方法
Mar 31 #Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 #Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 #Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 #Javascript
You might like
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
类似GMAIL的Ajax信息反馈显示
2010/02/16 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
2017/07/18 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
在Python中使用HTML模版的教程
2015/04/29 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
应届毕业生自我评价分享
2013/12/15 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
学生检讨书怎么写
2014/10/09 职场文书
统计员岗位职责范本
2015/04/14 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL