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 学习笔记 选择器之五
Jul 23 Javascript
浅说js变量
May 25 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 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
Protoss兵种介绍
2020/03/14 星际争霸
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
Jquery+JSon 无刷新分页实现代码
2010/04/01 Javascript
JavaScript 通过模式匹配实现重载
2010/08/12 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
python动态性强类型用法实例
2015/05/09 Python
Python模拟三级菜单效果
2017/09/11 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
工程力学硕士生的自我评价范文
2013/11/16 职场文书
校园广播稿500字
2014/02/04 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
人事任命书范文
2014/06/04 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
节水倡议书
2015/01/19 职场文书
党风廉正建设个人工作总结
2015/03/06 职场文书
电工生产实习心得体会
2016/01/22 职场文书
关于做家务的心得体会
2016/01/23 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL
Spring Boot实战解决高并发数据入库之 Redis 缓存+MySQL 批量入库问题
2022/02/12 Redis