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 相关文章推荐
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
bootstrapfileinput实现文件自动上传
Nov 08 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
Nov 05 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
js观察者模式的弹幕案例
Nov 23 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 冒泡排序算法的实现代码
2010/08/08 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
Prototype Array对象 学习
2009/07/19 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
十个免费的web前端开发工具详细整理
2017/09/18 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Python类属性与实例属性用法分析
2015/05/09 Python
python入门教程 python入门神图一张
2018/03/05 Python
python二维列表一维列表的互相转换实例
2018/07/02 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Django如何实现上传图片功能
2019/08/16 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
使用C#编写创建一个线程的代码
2013/01/22 面试题
本科生个人求职自荐信
2013/09/26 职场文书
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
毕业生自荐求职信书写的技巧
2019/08/26 职场文书
opencv检测动态物体的实现
2021/07/21 Python
MySQL创建定时任务
2022/01/22 MySQL