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的标签智能验证实现代码
Dec 27 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
简介AngularJS中使用factory和service的方法
Jun 17 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
分享5个好用的javascript文件上传插件
Sep 16 Javascript
JavaScript 截取字符串代码实例
Sep 05 Javascript
原生JS实现九宫格抽奖
Sep 13 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
建站常用13种PHP开源CMS比较
2009/08/23 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
php的RSA加密解密算法原理与用法分析
2020/01/23 PHP
THINKPHP-Apache服务器中使用Alias虚拟目录URL重写 隐藏index.php
2021/03/09 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
js 立即调用的函数表达式如何写
2014/01/12 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
python绘制中国大陆人口热力图
2018/11/07 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
浅析Python __name__ 是什么
2020/07/07 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
医护人员英文求职信范文
2013/11/26 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
婚前财产公证书
2014/04/10 职场文书
2015年小学师德师风建设工作总结
2015/10/23 职场文书