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实现的一个简单进度条效果实例
May 12 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
总结js中的一些兼容性易错的问题
Dec 18 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
vue实现点击关注后及时更新列表功能
Jun 26 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 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
Laravel重写用户登录简单示例
2016/10/08 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
js转义字符介绍
2013/11/05 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
2013/12/31 Javascript
node.js中的require使用详解
2014/12/15 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
node.js+jQuery实现用户登录注册AJAX交互
2017/04/28 jQuery
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
利用python获得时间的实例说明
2013/03/25 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
使用IDLE的Python shell窗口实例详解
2019/11/19 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
廉洁自律证明
2015/06/24 职场文书
导游词之天津盘山
2019/11/01 职场文书
什么是检讨书?检讨书的格式及范文
2019/11/05 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python