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中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
javascript用函数实现对象的方法
May 14 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
JS+Canvas实现五子棋游戏
Aug 26 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
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
XAMPP安装与使用方法详细解析
2013/11/27 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
javascript 禁止复制网页
2009/06/11 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
javascript的列表切换【实现代码】
2016/05/03 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
Html5+jQuery+CSS制作相册小记录
2016/12/30 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
微信小程序 共用变量值的实现
2017/07/12 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
2018/09/21 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
Python内置函数OCT详解
2016/11/09 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python+logging+yaml实现日志分割
2019/07/22 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
Python实现一个优先级队列的方法
2020/07/31 Python
python使用建议与技巧分享(二)
2020/08/17 Python
Python内置函数property()如何使用
2020/09/01 Python
Django中template for如何使用方法
2021/01/31 Python
致百米运动员广播稿
2014/01/29 职场文书
取保候审保证书
2014/04/30 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书
高一军训感想
2015/08/07 职场文书