前述したように、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"; //追加のスタイル
}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
