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中eval详解
先来说eval的用法，内容比较简单，熟悉的可以跳过
2012-03-03
ES6 Iterator遍历器原理，应用场景及相关常用知识拓展详解
这篇文章主要介绍了ES6 Iterator遍历器原理，应用场景及相关常用知识拓展,结合实例形式详细分析了ES6 Iterator遍历器具体原理、功能、用法、应用场景及知识拓展,需要的朋友可以参考下
2020-02-02
JavaScript使用arcgis实现截图截屏功能
这篇文章主要为大家详细介绍了JavaScript如何使用arcgis实现截图截屏功能,类似于qq截图,文中的示例代码讲解详细,需要的可以参考一下
2024-01-01
JS实现给对象动态添加属性的方法
这篇文章主要介绍了JS实现给对象动态添加属性的方法,涉及JS属性的遍历、动态赋值及eval方法的简单使用技巧,需要的朋友可以参考下
2017-01-01
微信小程序 setData 对 data数据影响问题
这篇文章主要介绍了微信小程序 setData 对 data数据影响的一点研究，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-04-04
JS实现鼠标滑过显示边框的菜单效果
这篇文章主要介绍了JS实现鼠标滑过显示边框的菜单效果,涉及javascript响应鼠标事件动态修改页面元素的相关操作技巧,需要的朋友可以参考下
2016-09-09
JavaScript获取Excel表格的列序号和列名
这篇文章主要介绍了JavaScript获取Excel表格的列序号和列名，在处理Excel文件时，通常要获取xx列的数据，这就要求先找到列序号，下文关于列名获取需要的小伙伴可以参考一下
2022-05-05
浅谈ES6中箭头函数与普通函数的区别
箭头函数是ES6中一种新的函数的表达式，本文就来介绍一下ES6中箭头函数与普通函数的区别，非常具有实用价值，需要的朋友可以参考下
2023-05-05
JS+CSS实现滚动数字时钟效果
本篇文章教给大家用JS代码配合CSS样式来实现滚动时钟的动画效果，一起来学习下。
2017-12-12
JavaScript代码编写中各种各样的坑和填坑方法
这篇文章主要介绍了JavaScript代码编写中各种各样的坑和填坑方法,相信你肯定遇到过这些陷阱,而且陷入过,本文共计介绍了5种坑和填坑方法,需要的朋友可以参考下
2014-06-06