js控制表单奇偶行样式

　　一、如果使用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里面的

时间： 2024-10-21 20:27:15

js控制表单奇偶行样式的相关文章

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

这篇文章介绍了js控制表单奇偶行样式的简单方法,有需呀偶的朋友可以参考一下   一.如果使用JQuery的话可以直接JQuery的 复制代码 代码如下: $("tr:odd").addClass("clazzName"); $("tr:even").addClass("clazzName"); 二.如果是使用纯js的话 1.先获取table标签,var table = document.getElementById() 2.再

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

一.如果使用JQuery的话可以直接JQuery的 复制代码 代码如下: $("tr:odd").addClass("clazzName"); $("tr:even").addClass("clazzName"); 二.如果是使用纯js的话 1.先获取table标签,var table = document.getElementById() 2.再获取里面的tbody标签var tbody = table.getElement

JS控制表单提交的方法_javascript技巧

本文实例讲述了JS控制表单提交的方法.分享给大家供大家参考.具体如下: <Script Language="JavaScript"> function autoSubmit(){ var form = document.forms[0]; var actionPath = "?mo=phone"; form.action = actionPath; form.submit(); return true; } </Script> 如果需要两个提

Js 控制表单域代码_javascript技巧

123[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js验证为正整数 复制代码 代码如下: <script> var re = /^[1-9]d*$/; //智能验证单个字符 if (!re.test(document.getElementById('group_order').value)){ alert("组排序必须为数字!"); document.getElementById('group_order').focus(); return false; }

js控制表单不能输入空格的小例子_javascript技巧

复制代码 代码如下: window.onload=function()         {                var inputs=document.getElementsByTagName("input");             for (var i=0;i<inputs.length; i++) {                  if(inputs[i].getAttribute("type")=="text")  

JS实现表单多文件上传样式美化支持选中文件后删除相关项_javascript技巧

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传 文章篇幅较长,先简单看看图示: 一.文件上传基础 1. 单文件上传 最简单的文件上传,是单文件上传,form标签中加入enctype="multipart/f

样式-为甚么用js验证表单，style时间太短

问题描述 为甚么用js验证表单,style时间太短 <%@ page contentType="text/html;charset=utf-8"%> <%@ page import="java.sql.*"%> <!DOCTYPE html> <html> <head> <title>欢迎加入CM</title> <style type="text/css"

js 判断文件类型并控制表单提交示例代码_javascript技巧

下面的代码 实现的控制表单提交 复制代码 代码如下: function shangchuan(){ var filepath = document.getElementById("file").value; alert(filepath); if(filepath==""){ alert("请选择上传的文件!"); document.getElementById("file").disabled=true; } var ext

HTML表单元素覆盖样式元素问题及其补救之道

问题 在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题,图一就是一个典型的例子.不要小看这个貌似"低级"的问题,即使一些规模较大的网站上类似的问题也绝不鲜见.本文探讨了造成这一问题的根本原因,并提出一种补救办法--之所以说补救办法而不是一劳永逸的解决办法,是因为微软和NetScape这两个巨头也还没有对策. 一.HTML元素的显示优先级 HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密