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 实现模态对话框 源代码大全
May 02 Javascript
JQuery 风格的HTML文本转义
Jul 01 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
浅谈jQuery为哪般去掉了浏览器检测
Aug 29 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
Vue关于组件化开发知识点详解
May 13 Javascript
JS原型对象操作实例分析
Jun 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
ASP和PHP都是可以删除自身的
2007/04/09 PHP
用php获取远程图片并把它保存到本地的代码
2008/04/07 PHP
PHP 基本语法格式
2009/12/15 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
php中 $$str 中 &quot;$$&quot; 的详解
2015/07/06 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
script标签属性用type还是language
2015/01/21 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
element-ui表格合并span-method的实现方法
2019/05/21 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
Python  连接字符串(join %)
2008/09/06 Python
matplotlib grid()设置网格线外观的实现
2021/02/22 Python
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
党员查摆剖析材料
2014/10/10 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
沈阳故宫导游词
2015/01/31 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书