JS获取页面input控件中所有text控件并追加样式属性
更新时间：2013年02月25日 16:03:31 作者：
使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式,由于其他方式比较麻烦所以就想通过在页面加载的时候将要改动的text找到并添加属性，感兴趣的你可以参考下，希望可以帮助到你
如题，将使用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"; //附加样式
}
以前写过的页面上所使用的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"; //附加样式
}
相关文章
Ajax不是一种新的编程语言，而是使用现有标准的新方法。本文重点给大家介绍javascript中ajax知识，非常不错，感兴趣的朋友参考下2016-08-08
js获取对象为null的情况，想必很多的朋友都有遇到过吧，只要是js对字符串的解析跟对数字串的解析还是不太一样，这是需要注意的地方2013-11-11
这篇文章主要介绍了详解ES6中的代理模式——Proxy，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
Javascript Debug Toolkit是一个可以跨浏览器调试javascript的开源项目，支持在IE,FIREFOX,SAFARI,CHROME等浏览器中调试javascript。2.0.0版本做了较大变动，增加以下功能2008-12-12
这篇文章主要为大家详细介绍了javascript实现滚轮轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
本文主要分享了Canvas实现放射线动画的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
最近在做项目时用到了定时执行的js方法，setInterval与setTimeout时间长了不用有些生疏了，所以自己总结了一下，记下来，以便以后使用。2010-06-06
这篇文章主要介绍了JS中prototype的用法,实例分析了JS中prototype的常见使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了js实现飞机大战游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
下面小编就为大家带来一篇老生常谈jacascript DOM节点获取。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
最新评论