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 相关文章推荐
JavaScript在XHTML中的用法详解
Apr 11 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
浅谈Cookie的生命周期问题
Aug 02 Javascript
纯JS实现轮播图
Feb 22 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
浅析JavaScript异步代码优化
Mar 18 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
Mar 29 Javascript
vue实现简单全选和反选功能
Sep 15 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
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
JQuery包裹DOM节点的方法
2015/06/11 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
Mint UI实现A-Z字母排序的城市选择列表
2018/12/28 Javascript
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python读取浮点数和读取文本文件示例
2014/05/06 Python
python的类变量和成员变量用法实例教程
2014/08/25 Python
Python装饰器decorator用法实例
2014/11/10 Python
10款最好的Web开发的 Python 框架
2015/03/18 Python
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
Python实现获取命令行输出结果的方法
2017/06/10 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
python实现最速下降法
2020/03/24 Python
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
建筑安全生产目标责任书
2014/07/23 职场文书
单位委托书怎么写
2014/09/21 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2014年学校安全工作总结
2014/11/13 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
户外拓展训练感想
2015/08/07 职场文书
2016年记者节感言
2015/12/08 职场文书
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS
mysql sql常用语句大全
2022/06/21 MySQL