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 js cookie的存储,获取和删除
Dec 29 Javascript
Prototype Object对象 学习
Jul 12 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
JS 弹出层 定位至屏幕居中示例
May 21 Javascript
Javascript 数组排序详解
Oct 22 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
javascript+Canvas实现画板功能
Jun 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php使用Cookie控制访问授权的方法
2015/01/21 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
Yii快速入门经典教程
2015/12/28 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
javascript 闭包
2011/09/15 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
自荐信范文
2013/12/10 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
法定代表人资格证明书
2014/09/11 职场文书
担保书范文
2015/01/20 职场文书
店铺转让协议书
2015/01/29 职场文书
琅琊山导游词
2015/02/05 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang