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

如題，將使用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"; //附加樣式}