JS实现控制表格单元格垂直对齐的方法


Posted in Javascript onMarch 30, 2015

本文实例讲述了JS实现控制表格单元格垂直对齐的方法。分享给大家供大家参考。具体如下:

下面的代码控制指定的单元格靠底部垂直对齐

<!DOCTYPE html>
<html>
<head>
<script>
function valignCell()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].vAlign="bottom";
}
</script>
</head>
<body>
<table id="myTable" border="1" height="70%">
<tr>
<td>First cell</td>
<td>Second cell</td>
</tr>
<tr>
<td>Third cell</td>
<td>Fourth cell</td>
</tr>
</table>
<form>
<input type="button" onclick="valignCell()"
value="Vertical align cell content">
</form>
</body>
</html>

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

Javascript 相关文章推荐
javascript:void(0)的真正含义实例分析
Aug 20 Javascript
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
angularjs性能优化的方法
Sep 05 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 #Javascript
Node.js中的流(Stream)介绍
Mar 30 #Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 #Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 #Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 #Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 #Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 #Javascript
You might like
php简单的会话类代码
2011/08/08 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
原生js实现验证码功能
2017/03/16 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
提高Node.js性能的应用技巧分享
2017/08/10 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
python中logging包的使用总结
2018/02/28 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python实现浪漫的烟花秀
2019/01/30 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
pyecharts在数据可视化中的应用详解
2020/06/08 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
Python排序函数的使用方法详解
2020/12/11 Python
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
文明村镇申报材料
2014/05/06 职场文书
英文求职信范文
2014/05/23 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
校运会新闻稿
2015/07/17 职场文书
防震减灾主题班会
2015/08/14 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript
Go 自定义package包设置与导入操作
2021/05/06 Golang