JS擷取頁面input控制項中所有text控制項並追加樣式屬性

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.