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 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
基于jquery插件编写countdown计时器
Jun 12 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
bootstrap table复杂操作代码
Nov 01 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 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 Header用于页面跳转要注意的几个问题总结
2008/10/03 PHP
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
JavaScript的变量作用域深入理解
2009/10/25 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
浏览器缩放检测的js代码
2014/09/28 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
Node.js使用Express创建Web项目详细教程
2017/03/31 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
JavaScript判断变量名是否存在数组中的实例
2017/12/28 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
python有证书的加密解密实现方法
2014/11/19 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
Python tcp传输代码实例解析
2020/03/18 Python
python with语句的原理与用法详解
2020/03/30 Python
新西兰领先的鞋类和靴子网上商城:Merchant 1948
2017/09/08 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
大学生村官任职感言
2014/01/09 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
介绍信怎么写
2015/01/30 职场文书
大学生暑假实习总结
2015/07/13 职场文书
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL