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 相关文章推荐
可以支持多中格式的JS键盘
May 02 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
javascript检测两个数组是否相似
May 19 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
JS正则表达式验证端口范围(0-65535)
Jan 06 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
判断横屏竖屏(三种)
2017/02/13 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
Python新手学习raise用法
2020/06/03 Python
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
粗加工管理制度
2014/02/04 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
党员先进事迹材料
2014/12/19 职场文书
武当山导游词
2015/02/03 职场文书
详解Python中的进程和线程
2021/06/23 Python