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 相关文章推荐
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
不安全的常用的js写法
Sep 15 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
Sep 26 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
浅谈vue项目用到的mock数据接口的两种方式
Oct 09 Javascript
JS合并两个数组的3种方法详解
Oct 24 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
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
解析Extjs与php数据交互(增删查改)
2013/06/25 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
详解javascript函数的参数
2015/11/10 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
vue学习教程之带你一步步详细解析vue-cli
2017/12/26 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
Python同时处理多个异常的方法
2020/07/28 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
党员个人思想汇报
2013/12/28 职场文书
团日活动总结范文
2014/04/25 职场文书
开幕式邀请函
2015/01/31 职场文书
毕业生自荐求职信书写的技巧
2019/08/26 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
js Proxy的原理详解
2021/05/25 Javascript
Vue+Flask实现图片传输功能
2022/04/01 Vue.js