利用JavaScript动态添加Div的方式有很多，一下是个比较常用的。
一、在一个Div前添加Div
二、使用js动态创建div
扩展资料：
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
给你做了一个例子,直接复制到一个新建的HTML文件就可以看到效果了. <!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/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#dd{width:100pxheight:100pxbackground:#F00}
</style>
</head><body>
<div id="dd">点击此处没有反应</div>
<input type="button" onclick="addEvt(this)" value="添加事件" />
</body>
</html>
<script type="text/javascript">
function addEvt(e){
var obj=document.getElementById("dd")
dd.onclick=function(){
alert("OK!")
}
alert("点击事件添加成功,点击红色的层会弹出对话框!")
e.outerHTML=""
obj.innerHTML="点击此处会有弹出对话框"
}
</script>
javaScript 可以出现在 HTML 的任意地方。使用标记<script>…</script>，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在<HTML>之前插入也不成问题。在div中调用方法如下：<div> <script type="text/javascript" src="js文件路径"></script> </div>本回答由电脑网络分类达人 董辉推
