communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

js控制表单奇偶行样式的简单方法_javascript技巧

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

一、如果使用JQuery的话可以直接JQuery的

复制代码 代码如下:

　　$("tr:odd").addClass("clazzName");
　　$("tr:even").addClass("clazzName");

　　二、如果是使用纯js的话
　　1.先获取table标签，var table = document.getElementById()
　　2.再获取里面的tbody标签var tbody = table.getElementsByTagName("tbody")[0]
　　3.再获取tr标签var trs = tbody.getElementsByTagName("tr")
　　4.然后迭代trs
复制代码 代码如下:

　　for(var i=0; i
　　if(i%2==0){
　　trs[i].style.backgroundColor="red";
　　}else{
　　trs[i].style.backgroundColor="blue";
　　}
　　}

　　获取tbody标签是必须的，虽然你没写，但是浏览器在编译table的时候会自动给加上
　　所有的tr标签都是在tbody里面的
Étiquettes associées：
样式 表单
source：php.cn
Article précédent：JS 获取浏览器和屏幕宽高等信息的实现思路及代码_javascript技巧 Article suivant：根据选择不同的下拉值出现相对应的文本输入框_javascript技巧
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
Les tableaux PHP obtenus à partir des paramètres d'URL ne se comportent pas comme prévu J'ai un paramètre d'URL qui contient l'identifiant de la catégorie et je souhaite le trait...
Depuis 2024-04-06 22:09:02
0
1
1428
Expression régulière pour faire correspondre les mots J'ai un script dans lequel j'essaie de faire correspondre les nouveaux noms de travaux ave...
Depuis 2024-04-06 21:24:04
0
1
606
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées. J'utilise une bibliothèque appelée OpenTbs pour créer odt en utilisant PHP, je l'utilise c...
Depuis 2024-04-06 20:18:18
0
1
483
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