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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
Jquery插件 easyUI属性汇总
Jan 19 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
jQuery动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
Sep 03 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
Node+OCR实现图像文字识别功能
Nov 26 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
关于时间计算的结总
2006/12/06 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
2014/08/15 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
JavaScript对象学习小结
2015/09/02 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
利用Python获取操作系统信息实例
2016/09/02 Python
mac系统安装Python3初体验
2018/01/02 Python
python去除扩展名的实例讲解
2018/04/23 Python
Python中遍历列表的方法总结
2019/06/27 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
python数据爬下来保存的位置
2020/02/17 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
文秘人员工作职责
2014/01/31 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
大学生入党群众意见书
2015/06/02 职场文书
护理心得体会范文
2016/01/22 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书