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 利用StringBuffer类提升+=拼接字符串效率
Nov 24 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
jQuery限制图片大小的方法
May 25 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
js实现带搜索功能的下拉框
Jan 11 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
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
动态样式类封装JS代码
2009/09/02 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
2016/07/28 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
微信小程序修改checkbox的样式代码实例
2020/01/21 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
使用PYTHON接收多播数据的代码
2012/03/01 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
护士演讲稿范文
2014/01/05 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
2014年财务科工作总结
2014/11/11 职场文书
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL