首頁 > web前端 > js教程 > JS取得頁面input控制項中所有text控制項並追加樣式屬性_javascript技巧

JS取得頁面input控制項中所有text控制項並追加樣式屬性_javascript技巧

WBOY
發布: 2016-05-16 17:41:38
原創
1141 人瀏覽過

如題,將使用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{ document.getElementById(g[i].id).style.width="210px"; //附加樣式}
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板