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 new fun的执行过程
Aug 05 Javascript
jquery蒙版控件实现代码
Dec 08 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
react router4+redux实现路由权限控制的方法
May 03 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
vue动态配置模板 'component is'代码
Jul 04 Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
用JavaScript实现贪吃蛇游戏
Oct 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
把77A收信机改造成收音机
2021/03/02 无线电
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
在IIS上安装PHP4.0正式版
2006/10/09 PHP
PHP下对字符串的递增运算代码
2010/08/21 PHP
php简单实现批量上传图片的方法
2016/05/09 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
PHP7新增函数
2021/03/09 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
2011/05/22 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
2017/07/12 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
js实现随机点名程序
2020/09/17 Javascript
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
基于nexus3配置Python仓库过程详解
2020/06/15 Python
python爬取天气数据的实例详解
2020/11/20 Python
巴西宠物店在线:Geração Pet
2017/05/31 全球购物
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
秋季运动会表扬稿
2014/01/16 职场文书
工程管理专业毕业生自荐信
2014/01/24 职场文书
师范类求职信
2014/06/21 职场文书
应届生面试求职信
2014/07/02 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技