JS はページ入力コントロール内のすべてのテキスト コントロールを取得し、スタイル属性_JavaScript スキルを追加します

前述したように、jquery はページ入力コントロール内のすべてのテキスト コントロールを取得し、ページが読み込まれるときにスタイルを追加するために使用されます。

前に書いたページで使用しているテキストコントロールの幅属性が小さすぎるため、ページ内のすべてのテキスト属性を変更する必要があり、それぞれの幅を変更するのは非常に面倒です。コントロールなので、ページを介して変更したいのですが、ロード時に変更するテキストを見つけて属性を追加します。

最初に CSS スタイルを書きました:

コードをコピーします コードは次のとおりです以下:

.wid
{
width:205px;
}

ページ読み込みで書かれたコードは次のとおりです:
$("input[type=text]").addClass("wid"); //入力コントロール内のすべての type=text コントロールを取得し、テキスト テキスト ボックスにスタイルを追加します。
javascript はページ コントロールを取得し、スタイルを追加します:

コードをコピーします コードは次のとおりです:

/ /選択ドロップダウン ボックスにスタイルを追加します
var g=document.getElementsByTagName("select") //見つかった選択コントロールを受け取る変数を設定します
for(i= 0;i{
document.getElementById(g[i].id).style.width="210px"; //追加のスタイル
}