知识大全 js控制表单奇偶行样式

Posted

篇首语:所谓得体,就是有些话不必说尽,有些事不必做尽。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 js控制表单奇偶行样式相关的知识,希望对你有一定的参考价值。

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

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

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

  二 如果是使用纯js的话

   先获取table标签 var table = document getElementById()

   再获取里面的tbody标签var tbody = table getElementsByTagName("tbody")[ ]

   再获取tr标签var trs = tbody getElementsByTagName("tr")

   然后迭代trs

  for(var i= ; i

  if(i% == )

  trs[i] style backgroundColor="red";

  else

  trs[i] style backgroundColor="blue";

  

  

  获取tbody标签是必须的 虽然你没写 但是浏览器在编译table的时候会自动给加上

cha138/Article/program/Java/Javascript/201311/25505

相关参考

知识大全 一段表单JS验证代码

一段表单JS验证代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <scriptLang

知识大全 js循环改变div颜色具体方法

用DIV和DIV自身的滚动条相互控制内容的滚动DIV自身的滚动条样式可以用DIV层覆蓋重写滚动条样式   JQuery计算滚动条长度和位置代码如下  javascript复制代码代码如下:&

知识大全 原生JS实现表单checkbook获取已选择的值

原生JS实现表单checkbook获取已选择的值  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本文

知识大全 JS 代码实例:实现随机加载不同的CSS样式

JS代码实例:实现随机加载不同的CSS样式  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  随机载

知识大全 在表单提交前进行验证的几种方式整理

为了减轻后台压力可以利用JavaScript在表单提交前对表单数据进行验证本文整理了常用的几种方式有需求的朋友可以参考下   在表单提交前进行验证的几种方式在Django中为了减轻后台压力可

知识大全 Javascript控制显示表单个数

Javascript控制显示表单个数  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <&g

知识大全 如何使用jquery控制CSS样式,并且取消Css样式

如何使用jquery控制CSS样式,并且取消Css样式  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 js中复制行和删除行的操作实例

cha138/Article/program/Java/JSP/201311/19982

知识大全 js代码-鼠标划过时整行变色

cha138/Article/program/Java/JSP/201311/19898

哪种玉米种植样式更科学

一、何为玉米种植样式玉米种植样式是指玉米种植时植株在田间布局的形式,主要涉及行距宽窄、株距大小以及植株在田间布局的均匀程度等。总的来讲有三大种形式,即等行距种植、大小行种植和穴播。二、确定种植样式的原