隔行变色

//第一种：
//首先获取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;