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 相关文章推荐
jQuery 学习第五课 Ajax 使用说明
May 17 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
js写的评论分页(还不错)
Dec 23 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
Vue 换肤的示例实践
Jan 23 Javascript
vue-resource 拦截器interceptors使用详解
Jan 18 Vue.js
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
PHP初学入门
2006/11/19 PHP
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
PHP中echo,print_r与var_dump区别分析
2014/09/29 PHP
php把大写命名转换成下划线分割命名
2015/04/27 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
JS字符串补全方法padStart()和padEnd()
2020/05/27 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
python实现集中式的病毒扫描功能详解
2019/07/09 Python
python实现批量nii文件转换为png图像
2019/07/18 Python
Python项目跨域问题解决方案
2020/06/22 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
设计模式的基本要素是什么
2014/04/21 面试题
艺人经纪人岗位职责
2014/04/15 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
反四风对照检查材料思想汇报
2014/09/16 职场文书
欢迎新生标语
2014/10/06 职场文书
2016三八妇女节慰问信
2015/11/30 职场文书
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏