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 相关文章推荐
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
javascript跑马灯抽奖实例讲解
Apr 17 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
jquery实现具有嵌套功能的选项卡
Feb 12 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
bootstrap实现tab选项卡切换
Aug 09 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
PHP4引用文件语句的对比
2006/10/09 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
Bootstrap插件全集
2016/07/18 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
[19:24]DOTA2客户端使用指南 一分钟快速设置轻松超神
2013/09/24 DOTA
python的id()函数解密过程
2012/12/25 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
tensorflow实现tensor中满足某一条件的数值取出组成新的tensor
2020/01/04 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
顶岗实习接收函
2014/01/09 职场文书
事业单位鉴定材料
2014/05/25 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
找规律教学反思
2016/02/23 职场文书