效果图显示：

源代码视图

{功能描述}



制作简单的循环利用在插入效果



{ HTML代码}



一
二
三
四
五
六



{ CSS代码}


在{。
身高：20px；
行高：20px；
宽度：20px；
背景颜色：蓝色；
文本对齐：中心；
颜色：白色；
}


{ js代码}


无功olist = document.getelementbyid（'list）；
添加一个LI元素
VaR oadd = document.createelement（李的）；
新的CSS样式元素
oadd.classname = ；
oadd.style.csstext = 'background-color：红色；边界半径：50%；
/ /添加到olist
olist.insertbefore（oadd，null）；
var = 1；
VaR最大= olist.children.length；
功能incrementnumber（）{
数字+；
/ / olist.getelementsbytagname（李的）{max}等于零，所以这是没有错的
olist.insertbefore（oadd，olist.getelementsbytagname（李）{数量}）；
如果（= = max）{
数字= 1；
}
如果（数字= 0）{
数字= 1；
}
setTimeout（incrementnumber，1000）；
}
setTimeout（incrementnumber，1000）；




以上就是本文的全部内容。代码非常简单。我相信你能读懂。如果你需要朋友，你可以参考这篇文章。希望你能喜欢。