1. 爱易网页
  2. Java教程
  3. js写的隔行变色成效没有作用

js写的隔行变色成效没有作用

日期：2014-05-17　 浏览次数：20644 次

js写的隔行变色效果没有作用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1.0-transitional.dtd">

<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
  <title>隔行变色</title>
  <style>
  </style>

  <script>
  window.onload = function()
  {
  var oDiv = document.getElementById("div1");
  var oP = oDiv.getElementsByTagName("p");

  var color = "";
  var i=0;
  for(i=1;i<=oP.length;i++)
  {
  if(i%2==0)
  oP.color = "red";
  else
  oP.color = "blue";
  }
  };

  </script>
  </head>

  <body>
  <div id="div1">
  <p>1111111111</p>
  <p>2222222222</p>
  <p>1111111111</p>
  <p>2222222222</p>
  <p>1111111111</p>
  <p>2222222222</p>
  <p>1111111111</p>
  <p>2222222222</p>
  </div>
  </body>
</html>

------解决方案--------------------
首先 把结构搞清楚

JS 这么写 
window.onload = function() {
var oDiv = document.getElementById("div1");
var oP = oDiv.getElementsByTagName("p");

var color = "";
var i = 0;
for (i = 1; i <= oP.length-1; i++) {
if (i % 2 == 0)
{
oP[i].style.backgroundColor="red";
}
else
{
oP[i].style.backgroundColor= "blue";
}
}
};
然后请你用 jqury 很简单
------解决方案--------------------
window.onload = function() {
var oDiv = document.getElementById("div1");
var oP = oDiv.getElementsByTagName("p");

var color = "";
var i = 0;
for (i = 0; i <= oP.length-1; i++) {
if (i % 2 == 0)
{
oP[i].style.backgroundColor="red";
}
else
{
oP[i].style.backgroundColor= "blue";
}
}
};
------解决方案--------------------
for(i=1;i<=oP.length;i++)
{
if(i%2==0)
oP[i].style.color = "red";
else
oP[i].style.color = "blue";
}
就是这个地方的原因

相关资料更多>

  1. 请问一个Java测试类的“出现预期不符”的原因
  2. Struts2向标签传${express}值的有关问题
  3. 在线帮小弟一个忙，怎么用java实现开发工具中的智能提示
  4. j2me程序怎么去访问一个wap网站？ 不调用浏览器的情况下。周末加班，求源码。多谢。
  5. java socket 一次性读取数据reader的数据,该怎么解决
  6. 应届生想找java工作，难么？该如何解决
  7. 关于数据流的有关问题求教！
  8. 接着散。解决方案
  9. 求1 struts 2+hibernate+spring整合好的项目