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 27 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
setInterval计时器不准的问题解决方法
May 08 Javascript
jQuery学习笔记之创建DOM元素
Jan 19 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
使用layer.msg 时间设置不起作用的解决方法
Sep 12 Javascript
Vue自定义表单内容检查rules实例
Oct 30 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文件操作方法汇总
2015/07/01 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
javascript 页面划词搜索JS
2009/09/28 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
零基础写python爬虫之神器正则表达式
2014/11/06 Python
简单学习Python time模块
2016/04/29 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
浅析python标准库中的glob
2020/03/13 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
AmazeUI 导航条的实现示例
2020/08/14 HTML / CSS
日语专业个人的求职信
2013/12/03 职场文书
集体备课反思
2014/02/12 职场文书
倡议书格式模板
2014/05/13 职场文书
环保倡议书50字
2014/05/15 职场文书
525心理活动总结
2014/07/04 职场文书
部门2014年度工作总结
2014/11/12 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android