基于简单的吞噬作用

效果演示：

源代码视图

{ HTML代码}



一
二
三
四
五
六



{ CSS代码}


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


{ js代码}



无功olist = document.getelementbyid（'list）；
添加一个LI元素
VaR oadd = document.createelement（李的）；
新的CSS样式元素
oadd.classname = ；
oadd.style.csstext = 'background-color：红色；边界半径：50%；
后 / / 1s oadd取代zeroth Li
setTimeout（）{（）函数（
olist.replacechild（oadd，document.getelementsbytagname（李）{ 0 }）；
后 / / 1秒的incrementnumber函数执行
setTimeout（incrementnumber，1000）；
}，1000）；
功能incrementnumber（）{
/ /采集olist第一李
VaR OLI1 = document.getelementsbytagname（李）{ 1 }；
如果有替换
如果（OLI1）{
olist.replacechild（oadd，OLI1）；
setTimeout（incrementnumber，1000）；
}
}



以上内容是根据共享的作用简单的吞噬功能的影响，并希望每个人都喜欢它。