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 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
Jquery中ajax方法data参数的用法小结
Feb 12 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 Vue.js
JS轻量级函数式编程实现XDM三
Jun 16 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 VS ASP
2006/10/09 PHP
PHP输入流php://input介绍
2012/09/18 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
php解决和避免form表单重复提交的几种方法
2016/08/31 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
2011/04/27 Javascript
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
深入理解JS函数的参数(arguments)的使用
2016/05/28 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
JavaScript多线程运行库Nexus.js详解
2017/12/22 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Python中用于计算对数的log()方法
2015/05/15 Python
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
Python中的getopt函数使用详解
2015/07/28 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
在python中画正态分布图像的实例
2019/07/08 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
房产继承公证书
2014/04/09 职场文书
党员评议自我评价
2015/03/03 职场文书