DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS獲取頁面input控件中所有text控件並追加樣式屬性
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<g.length;i++) //遍歷循環賦值
{
document.getElementById(g[i].id).style.width="210px"; //附加樣式
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved