JS获取页面input控件中所有text控件并追加样式属性


Posted in Javascript onFebruary 25, 2013

如题,将使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式。

以前写过的页面上所使用的text控件width属性太小需要改动,改动牵扯页面上所有text的属性,改动每个控件的width感觉会很麻烦,所以就想通过在页面加载的时候将要改动的text找到并添加属性。

首先先写了一个css样式

.wid 
{ 
width:205px; 
}

在页面加载中所写的代码如下
$("input[type=text]").addClass("wid"); //获取input控件中所有type=text的控件 给text文本框添加样式至此便完成了。
javascript 获取页面控件并追加样式:
//给select下拉框添加样式 
var g=document.getElementsByTagName("select"); //设置变量接收所查找到的select控件 
for(i=0;i<g.length;i++) //遍历循环赋值 
{ 
document.getElementById(g[i].id).style.width="210px"; //附加样式 
}
Javascript 相关文章推荐
基于jquery的一个简单的脚本验证插件
Apr 05 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
为jQuery添加Webkit的触摸的方法分享
Feb 02 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
基于Swiper实现移动端页面图片轮播效果
Dec 28 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
JS原生实现轮播图的几种方法
Mar 23 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 #Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
Feb 25 #Javascript
30分钟就入门的正则表达式基础教程
Feb 25 #Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 #Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 #Javascript
IE的fireEvent方法概述及应用
Feb 22 #Javascript
js取得url地址参数实例
Feb 22 #Javascript
You might like
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
php过滤所有的空白字符(空格、全角空格、换行等)
2015/10/27 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
JavaScript学习历程和心得小结
2010/08/16 Javascript
情人节之礼 js项链效果
2012/02/13 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
python爬虫常用的模块分析
2014/08/29 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
修理厂厂长岗位职责
2014/01/30 职场文书
协议书样本
2014/04/23 职场文书
化工工艺设计求职信
2014/06/25 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
小组组名及励志口号
2015/12/24 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang