消灭星星

新建一个文件夹，里面包含一张名为star的png格式的图片。

首先将body的背景设置成黑色

body style="background:#000";

定义一个生成随机数的函数

<script>

function rand(min,max){

   time=Math.random()*(min+max)+min;

}

定义一个计时器，每隔一秒则添加一个img元素

setInterval(function(){

创建img元素标签

  var img=document.createElement("img");

添加图片

  img.setAttribute("src","star.png");

设置图片宽度

  img.setAttribute("width",rand(30,100));

设置图片的位置

img.setAttribute("style","position:absolute;left:"+rand(50,500)+"px;top:rand(50,500)"+"px");

将元素标签追加到body中

document.body.appChild(img);

获取body中的元素

var star=document.getElementByTagName("img");

循环遍历页面中的元素

for(var i=0；i<=img.length;i++){

点击哪个元素也将该元素从页面中删除

  img[i].onclick=function(){

  document.body.removeChild(this);

}

}

},1000)

</script>