隔行变色

//第一种：
//首先获取div元素，因为要动态往div里添加p元素；
var oDiv = document.getElementById("wrap");
//往div里动态添加p元素,因为要添加10个p每个p的内容不一样，所以要循环p；
//var一个变量，初始值为空，以后要方变量的值；
var str = "";

for(var i = 0;i<10;i++){

    if(i%2 == 0){  //当值为0为偶数行；

        str+="<p style='background: green;'>我是第"+(i+1)+"行</p>";

    }else if(i%2==1){//当值为1为基数行；

        str+="<p style='background: blue;'>我是第"+(i+1)+"行</p>";

    }
   
}

oDiv.innerHTML = str;

  // 第二种：
//首先获取div元素，因为要动态往div里添加p元素；
    var oDiv = document.getElementById("wrap");
//    //往div里动态添加p元素,因为要添加10个p每个p的内容不一样，所以要循环p；
//    //var一个变量，初始值为空，以后要方变量的值；
    var str = "",n=null;
    for(var i = 0;i<10;i++){
            if(i%2){
                n = "green"
            }else{
                n = "blue"
            }
        str+="<p style='background: "+n+";'>我是第"+(i+1)+"行</p>";
        }
        oDiv.innerHTML = str;