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 ajax abort()的使用方法
Oct 28 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 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
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
利用PHP脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
FF IE浏览器修改标签透明度的方法
2014/01/27 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
基于jQuery实现中英文切换导航条效果
2016/09/18 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
Python中函数参数匹配模型详解
2019/06/09 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
python selenium 获取接口数据的实现
2020/12/07 Python
BudgetAir印度:预订航班、酒店和汽车租赁
2019/07/07 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
社会实践心得体会
2014/01/03 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
我爱我家教学反思
2014/05/01 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
维稳工作情况汇报
2014/10/27 职场文书
2015年科室工作总结
2015/04/10 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
2015国庆节宣传语
2015/07/14 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
python如何获取网络数据
2021/04/11 Python
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js