JS实现控制表格行文本对齐的方法


Posted in Javascript onMarch 30, 2015

本文实例讲述了JS实现控制表格行文本对齐的方法。分享给大家供大家参考。具体如下:

下面的JS代码可以控制表格内的整行文本向左或者向右对齐

<!DOCTYPE html>
<html>
<head>
<script>
function leftAlign()
{
document.getElementById('header').align="left";
}
</script>
</head>
<body>
<table width="100%" border="1">
<tr id="header">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br>
<input type="button" onclick="leftAlign()" value="Left-align table row"/>
<p><b>Note:</b> This example does not work in Internet Explorer.</p>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
封装的原生javascript弹出层代码
Sep 24 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
JavaScript知识点整理
Dec 09 Javascript
详解iframe与frame的区别
Jan 13 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
May 23 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 #Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 #Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 #Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 #Javascript
Node.js中的流(Stream)介绍
Mar 30 #Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 #Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 #Javascript
You might like
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
php和html的区别点详细总结
2019/09/24 PHP
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
vue中如何使用ztree
2018/02/06 Javascript
[52:14]VG vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
python调用OpenCV实现人脸识别功能
2018/05/25 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
使用Python实现分别输出每个数组
2019/12/06 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
Sephora丝芙兰印尼官方网站:购买化妆品和护肤品
2018/07/02 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
个人安全生产承诺书
2014/05/22 职场文书
毕业证委托书范文
2014/09/26 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
html5调用摄像头截图功能
2022/01/18 Javascript