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 相关文章推荐
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
简单了解JavaScript异步
May 23 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
Vue如何基于es6导入外部js文件
May 15 Javascript
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
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缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
PHP curl使用实例
2015/07/02 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
2010/04/25 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
Vue的土著指令和自定义指令实例详解
2018/02/04 Javascript
如何更好的编写js async函数
2018/05/13 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
Fetch超时设置与终止请求详解
2019/05/18 Javascript
javascript中的with语句学习笔记及用法
2020/02/17 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
JavaScript实现移动端拖动元素
2020/11/24 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
Python删除windows垃圾文件的方法
2015/07/14 Python
Django实现自定义404,500页面教程
2017/03/26 Python
浅析使用Python操作文件
2017/07/31 Python
浅谈Python中的bs4基础
2018/10/21 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
Python对wav文件的重采样实例
2020/02/25 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
Ajxa常见问题都有哪些
2014/03/26 面试题
行政主管岗位职责
2013/11/18 职场文书
售后服务承诺书
2014/03/26 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
Mysql 性能监控及调优
2021/04/06 MySQL
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技
Nginx配置之禁止指定IP访问
2022/05/02 Servers