js 动态创建 html元素

更新时间：2009年07月17日 00:43:28 作者：

最近在学习js 写了个简单的效果,菜鸟可以学习学习,基本原理：使用随即数设置top 和left的值，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> js学习之动态创建html元素</title> <style></style><style bogus="1">body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:1px; height:1px; overflow:hidden; position:absolute;}</style> </head> <body> <div class="sky" id="sky"></div> <button id="creatstar" onclick="creatstars()">没事造星星玩</button> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

数据结构中的各种排序方法小结(JS实现)
下面小编就为大家带来一篇数据结构中的各种排序方法小结(JS实现)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
首页图片漂浮效果示例代码
图片漂浮效果想必大家都有见到过吧，一般都是通过js来实现的，下面为大家介绍的这个示例也是通过js实现的
2014-06-06
javascript关于运动的各种问题经典总结
这篇文章主要介绍了javascript关于运动的各种问题,实例总结了javascript关于滚动的常见错误、实现方法与相关注意事项,非常具有实用价值,需要的朋友可以参考下
2015-04-04
JS中Swiper的使用和轮播图效果
Swiper是移动端的一款非常强大的触摸滑动插件。下面通过本文给大家分享JS中Swiper的使用和轮播图效果，感兴趣的的朋友一起看看吧
2017-08-08
JavaScript实现网页购物车
这篇文章主要为大家详细介绍了JavaScript实现网页购物车，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
JS常用函数和常用技巧小结
这篇文章主要介绍了JS常用函数和常用技巧小结的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-10-10
仿谷歌主页js动画效果实现代码
昨天看到谷歌的主页上出现了几个动画，发现不是flash做的，而是用js+图片实现的！今天把拷贝到的图片，用js实现了动画效果！
2013-07-07
JavaScript利用append添加元素报错的解决方法
这篇文章主要介绍了JavaScript利用append添加元素报错的解决方法,需要的朋友可以参考下
2014-07-07
Openlayers显示瓦片网格信息的方法
这篇文章主要为大家详细介绍了Openlayers显示瓦片网格信息，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
20道JS原理题助你面试一臂之力(必看)
本文针对目前常见的面试题，仅提供了相应的核心原理及思路，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-07-07