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

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

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

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. 项目起步不了，大神求教
  2. jsp表单提交不了有关问题，人在线
  3. 关于java写的客户端启动有关问题
  4. 求教高手：在jsp页面中获得jsp页面中所有的对象数组,该如何处理
  5. 面试时当被问及有什么兴趣爱好时你说的什么解决方法
  6. css样式怎样控制struts标签解决方案
  7. 怎么判断一个HttpServletRequest请求的出处
  8. confirm（"确定退出系统？"） 点击撤除按钮依然执行退出操作
  9. JSP与ORACLE9i连接时出错解决方法