JS獲取頁面input控件中所有text控件并追加樣式屬性
更新時(shí)間:2013年02月25日 16:03:31 作者:
使用jquery來在頁面加載時(shí)獲取頁面input控件中所有text控件并添加樣式,由于其他方式比較麻煩所以就想通過在頁面加載的時(shí)候?qū)⒁膭?dòng)的text找到并添加屬性,感興趣的你可以參考下,希望可以幫助到你
如題,將使用jquery來在頁面加載時(shí)獲取頁面input控件中所有text控件并添加樣式。
以前寫過的頁面上所使用的text控件width屬性太小需要改動(dòng),改動(dòng)牽扯頁面上所有text的屬性,改動(dòng)每個(gè)控件的width感覺會(huì)很麻煩,所以就想通過在頁面加載的時(shí)候?qū)⒁膭?dòng)的text找到并添加屬性。
首先先寫了一個(gè)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屬性太小需要改動(dòng),改動(dòng)牽扯頁面上所有text的屬性,改動(dòng)每個(gè)控件的width感覺會(huì)很麻煩,所以就想通過在頁面加載的時(shí)候?qū)⒁膭?dòng)的text找到并添加屬性。
首先先寫了一個(gè)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)文章
js、jquery圖片動(dòng)畫、動(dòng)態(tài)切換示例代碼
這篇文章主要介紹了通過js、jquery實(shí)現(xiàn)的圖片動(dòng)畫、圖片動(dòng)態(tài)切換 ,需要的朋友可以參考下2014-06-06JS實(shí)現(xiàn)進(jìn)度條動(dòng)態(tài)加載特效
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)進(jìn)度條動(dòng)態(tài)加載特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03結(jié)合?ES6?類編寫JavaScript?創(chuàng)建型模式
這篇文章主要介紹了結(jié)合ES6類編寫JavaScript創(chuàng)建型模式,本文開始系統(tǒng)性的對(duì)20多種JavaScript?設(shè)計(jì)模式進(jìn)行簡單概述,然后結(jié)合ES6類的方式來編寫實(shí)例代碼展示其使用方式,需要的朋友可以參考一下2022-07-07JavaScript通過代碼調(diào)用Flash顯示的方法
這篇文章主要介紹了JavaScript通過代碼調(diào)用Flash顯示的方法,實(shí)例分析了JavaScript通過flash插件swfobject.js調(diào)用flash顯示的具體操作技巧,需要的朋友可以參考下2016-02-02