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 相关文章推荐
asp javascript 实现关闭窗口时保存数据的办法
Nov 24 Javascript
两个select之间option的互相添加操作(jquery实现)
Nov 12 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
js获取上传文件大小示例代码
Apr 10 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
jsp 网站引入外部css或者js失效问题解决
Oct 31 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 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
Syphon 使用方法
2021/03/03 冲泡冲煮
PHP匿名函数和use子句用法实例
2016/03/16 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
php swoft框架实例用法
2020/12/22 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
vue自定义指令用法经典实例小结
2019/03/16 Javascript
浅谈layui分页控件field参数接收对象的问题
2019/09/20 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
Python 多核并行计算的示例代码
2017/11/07 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
matplotlib交互式数据光标实现(mplcursors)
2021/01/13 Python
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
《英英学古诗》教学反思
2014/04/11 职场文书
销售团队口号大全
2014/06/06 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python
MySQL笔记 —SQL运算符
2022/01/18 MySQL
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python