Javascript - 在递归函数中改变条件

时间:2015-06-08 17:06:45

标签: javascript

如何将其转换为递归函数:

for (i = 0; i < 100; i++) { 
    var d = document.createElement("div"); 

    if (i % 2 != 0) {
        d.className="hide";
    }

    document.body.appendChild(d);
}

var d = document.createElement("br"); 
document.body.appendChild(d);

for (i = 0; i < 100; i++) { 
    var d = document.createElement("div"); 

    if (i % 3 != 0 || i % 2 ==0 ) {
        d.className="hide";
    }

    document.body.appendChild(d);
}

var d = document.createElement("br"); 
document.body.appendChild(d);

for (i = 0; i < 100; i++) { 
    var d = document.createElement("div"); 

    if (i % 4 != 0 || i % 3 == 0 || i % 2 ==0 ) {
        d.className="hide";
    }

    document.body.appendChild(d);
}

var d = document.createElement("br"); 
document.body.appendChild(d);

每次触发该函数时,条件都应该将最后一个条件从!=添加到==链上。

使用javascript可能无法实现这一点吗?

1 个答案:

答案 0 :(得分:0)

它可以做到这一点 称之为功能

function addBody() {
	var x = document.getElementsByTagName("BODY")[0];
	for (i = 0; i < 100; i++) { 
    	var d = document.createElement("div"); 
    	var br = document.createElement("br"); 

    	if (i % 2 != 0) {
        	d.className="hide1";
    	}
    	else if (i % 3 != 0 || i % 2 ==0 ) {
        	d.className="hide2";
    	}
    	else if (i % 4 != 0 || i % 3 == 0 || i % 2 ==0 ) {
        	d.className="hide3";
    	}
    	x.appendChild(d);
    	x.appendChild(br);
	}
}
<body onload="addBody()"></body>