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实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
理解Javascript图片预加载
Feb 23 Javascript
AngularJs表单验证实例详解
May 30 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
多文件上传的例子
2006/10/09 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
php实现文章评论系统
2019/02/18 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
2011/03/01 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
JS定时器用法分析【时钟与菜单中的应用】
2016/12/21 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
微信小程序实现图片压缩
2019/12/03 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
对python中UDP,socket的使用详解
2019/08/22 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
厨师岗位职责
2013/11/12 职场文书
服装厂厂长岗位职责
2013/12/27 职场文书
毕业寄语大全
2014/04/09 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
写给医生的感谢信
2015/01/22 职场文书
工作报告范文
2019/06/20 职场文书
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers