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针对DOM的应用实例(一)
Apr 15 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
javascript基本类型详解
Nov 28 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
详解JWT token心得与使用实例
Aug 02 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
原生js实现照片墙效果
Oct 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
最令PHP初学者头痛的十四个问题
2006/07/12 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
2007/03/12 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
vue实现拖拽效果
2019/12/23 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
Vue中nprogress页面加载进度条的方法实现
2020/11/13 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
在Python的web框架中配置app的教程
2015/04/30 Python
解析Python中while true的使用
2015/10/13 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
python中os.remove()用法及注意事项
2021/01/31 Python
《小草和大树》教学反思
2014/02/16 职场文书
小学数学国培感言
2014/03/10 职场文书
党员演讲稿
2014/09/04 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书