JS獲取頁面input控件中所有text控件并追加樣式屬性
更新時間：2013年02月25日 16:03:31 作者：
使用jquery來在頁面加載時獲取頁面input控件中所有text控件并添加樣式,由于其他方式比較麻煩所以就想通過在頁面加載的時候?qū)⒁膭拥膖ext找到并添加屬性，感興趣的你可以參考下，希望可以幫助到你
如題，將使用jquery來在頁面加載時獲取頁面input控件中所有text控件并添加樣式。
以前寫過的頁面上所使用的text控件width屬性太小需要改動，改動牽扯頁面上所有text的屬性，改動每個控件的width感覺會很麻煩，所以就想通過在頁面加載的時候?qū)⒁膭拥膖ext找到并添加屬性。
首先先寫了一個css樣式：
.wid
{
width:205px;
}
在頁面加載中所寫的代碼如下：
$("input[type=text]").addClass("wid"); //獲取input控件中所有type=text的控件 給text文本框添加樣式至此便完成了。
javascript 獲取頁面控件并追加樣式：
//給select下拉框添加樣式
var g=document.getElementsByTagName("select"); //設(shè)置變量接收所查找到的select控件
for(i=0;i<g.length;i++) //遍歷循環(huán)賦值
{
document.getElementById(g[i].id).style.width="210px"; //附加樣式
}
以前寫過的頁面上所使用的text控件width屬性太小需要改動，改動牽扯頁面上所有text的屬性，改動每個控件的width感覺會很麻煩，所以就想通過在頁面加載的時候?qū)⒁膭拥膖ext找到并添加屬性。
首先先寫了一個css樣式：
復(fù)制代碼 代碼如下:
.wid
{
width:205px;
}
在頁面加載中所寫的代碼如下：
$("input[type=text]").addClass("wid"); //獲取input控件中所有type=text的控件 給text文本框添加樣式至此便完成了。
javascript 獲取頁面控件并追加樣式：
復(fù)制代碼 代碼如下:
//給select下拉框添加樣式
var g=document.getElementsByTagName("select"); //設(shè)置變量接收所查找到的select控件
for(i=0;i<g.length;i++) //遍歷循環(huán)賦值
{
document.getElementById(g[i].id).style.width="210px"; //附加樣式
}
相關(guān)文章
Ajax不是一種新的編程語言，而是使用現(xiàn)有標準的新方法。本文重點給大家介紹javascript中ajax知識，非常不錯，感興趣的朋友參考下2016-08-08
js獲取對象為null的情況，想必很多的朋友都有遇到過吧，只要是js對字符串的解析跟對數(shù)字串的解析還是不太一樣，這是需要注意的地方2013-11-11
這篇文章主要介紹了詳解ES6中的代理模式——Proxy，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
js調(diào)試工具 Javascript Debug Toolkit 2.0.0版本發(fā)布
Javascript Debug Toolkit是一個可以跨瀏覽器調(diào)試javascript的開源項目，支持在IE,FIREFOX,SAFARI,CHROME等瀏覽器中調(diào)試javascript。2.0.0版本做了較大變動，增加以下功能2008-12-12
這篇文章主要為大家詳細介紹了javascript實現(xiàn)滾輪輪播圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
本文主要分享了Canvas實現(xiàn)放射線動畫的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
Js setInterval與setTimeout(定時執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
最近在做項目時用到了定時執(zhí)行的js方法，setInterval與setTimeout時間長了不用有些生疏了，所以自己總結(jié)了一下，記下來，以便以后使用。2010-06-06
這篇文章主要介紹了JS中prototype的用法,實例分析了JS中prototype的常見使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)飛機大戰(zhàn)游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
下面小編就為大家?guī)硪黄仙Ｕ刯acascript DOM節(jié)點獲取。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04