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的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
Oct 26 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
ES6中异步对象Promise用法详解
Jul 31 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 Javascript
基于JavaScript实现简单的轮播图
Mar 03 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生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
基于JQuery的密码强度验证代码
2010/03/01 Javascript
input按钮的事件处理大全
2010/12/10 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
python 内置函数filter
2017/06/01 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
Python数据集切分实例
2018/12/08 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
CSS3盒子模型详解
2013/04/24 HTML / CSS
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
医药营销专业个人自荐信
2013/09/29 职场文书
商务英语应届生自我鉴定
2013/12/08 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android