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 相关文章推荐
(function(){})()的用法与优点
Mar 11 Javascript
常用的javascript function代码
May 23 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
jquery事件与绑定事件
Mar 16 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 Javascript
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 正则 过滤html 的超链接
2009/06/02 PHP
php 缩略图实现函数代码
2011/06/23 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
深入分析python中整型不会溢出问题
2018/06/18 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
猫咪家具:CatsPlay
2018/11/03 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
创业计划书怎样才能打动风投
2014/01/01 职场文书
2014离婚协议书范文
2014/09/10 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
爱国主题班会教案
2015/08/14 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android