communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JS获取页面input控件中所有text控件并追加样式属性_javascript技巧

JS获取页面input控件中所有text控件并追加样式属性_javascript技巧

WBOY
Libérer： 2016-05-16 17:41:38
original
1141 Les gens l'ont consulté

如题，将使用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"; //附加样式
}
Étiquettes associées：
input控件 text控件 样式属性
source：php.cn
Article précédent：js时间日期和毫秒的相互转换_javascript技巧 Article suivant：jQuery的Ajax的自动完成功能控件简要说明_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
next ne fonctionne pas correctement dans le middleware utilisant Nodejs Je travaille avec Nodejs et j'utilise expressjs et maintenant je travaille sur la fonction...
Depuis 2024-04-04 17:33:56
0
1
340
Laisser React restituer la balise de fermeture de l'entrée ? J'ai une demande inhabituelle. Mon site Web est construit à l'aide de React et je souhaite...
Depuis 2024-04-03 23:01:01
0
1
320
Plugin Shopware 6 : Comment supprimer la configuration booléenne et la migrer vers une configuration à sélection multiple J'ai un plugin Shopware6 qui est actuellement configuré avec une valeur booléenne reviewSk...
Depuis 2024-04-03 23:09:28
0
1
410
La méthode .map ne fonctionne pas dans l'application React La méthode .map de l'objet ne fonctionne pas et je ne peux pas interagir avec l'objet de l...
Depuis 2024-04-02 21:52:34
0
1
266
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal