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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
深入解析JavaScript中的arguments对象
Jun 12 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
layui多iframe页面控制定时器运行的方法
Sep 05 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
Apr 24 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将向Java靠拢
2006/10/09 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
js传值 判断
2006/10/26 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
无阻塞加载脚本分析[全]
2011/01/20 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
[03:53]2016国际邀请赛中国区预选赛第三日TOP10精彩集锦
2016/06/29 DOTA
python 设置输出图像的像素大小方法
2019/07/04 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
Python实现自动签到脚本功能
2020/08/20 Python
python调用百度API实现人脸识别
2020/11/17 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
新电JAVA笔试题目
2014/08/31 面试题
毕业生教师求职信
2013/10/20 职场文书
《我为你骄傲》教学反思
2014/02/20 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书