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刷新父页面的各种方法汇总
Sep 03 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
判断访客终端类型集锦
Jun 05 Javascript
javascript日期计算实例分析
Jun 29 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
Sep 17 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
Vue 3.0中jsx语法的使用
Nov 13 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初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
php购物车实现代码
2011/10/10 PHP
解析php中const与define的应用区别
2013/06/18 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
js对数字的格式化使用说明
2011/01/12 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
Less 安装及基本用法
2018/05/05 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
浅谈Python的垃圾回收机制
2016/12/17 Python
python正则表达式面试题解答
2020/04/28 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
在python里面运用多继承方法详解
2019/07/01 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
大学教师年终总结的自我评价
2013/10/29 职场文书
工地资料员岗位职责
2013/12/31 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
世界无敌的ICOM IC-R9500宽频接收机
2022/03/25 无线电
你真的会用Mysql的explain吗
2022/03/31 MySQL
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL