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 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
JavaScript 数组循环引起的思考
Jan 01 Javascript
使用JavaScript 编写简单计算器
Nov 24 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
基于Proxy的小程序状态管理实现
Jun 14 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
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中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
js实现网站首页图片滚动显示
2013/02/04 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
canvas绘制多边形
2017/02/24 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
详解HTML5表单新增属性
2016/12/21 HTML / CSS
毕业留言寄语大全
2014/04/10 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
应届生求职信
2014/05/31 职场文书
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis
Java并发编程之Executor接口的使用
2021/06/21 Java/Android
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
MySQL视图概念以及相关应用
2022/04/19 MySQL