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 isArray()函数判断对象类型的种种方法
Oct 11 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 Javascript
vue 如何从单页应用改造成多页应用
Oct 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
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
Ajax+PHP实现的删除数据功能示例
2019/02/12 PHP
php中的依赖注入实例详解
2019/08/14 PHP
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
python 字符串格式化代码
2013/03/17 Python
python列表操作实例
2015/01/14 Python
在Django的session中使用User对象的方法
2015/07/23 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
python运行时间的几种方法
2016/06/17 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Django如何简单快速实现PUT、DELETE方法
2019/07/24 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
CSS3中animation实现流光按钮效果
2020/12/21 HTML / CSS
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
2014年社区植树节活动方案
2014/02/28 职场文书
安全责任书范文
2014/03/12 职场文书
医院标语大全
2014/06/23 职场文书
酒店端午节活动方案
2014/08/26 职场文书
员工工作及收入证明
2014/10/28 职场文书
六一活动主持词
2015/06/30 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书