重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
纯JAVASCRIPPT创建
创新互联成立于2013年,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元普兰店做网站,已为上家服务,为普兰店各地企业和个人服务,联系电话:18982081108
(1):document.getElementById("要创建DIV位置的ID").innerHTML='divdiv里面的内容/div';
(2):
var createDiv=document.createElement("div");
createDiv.title="div title.";
createDiv.id="id";
createDiv.class="class";
createDiv.innerHTML="div里面的内容!";
document.body.appendChild(createDiv);//添加到BODY节点中
JQUERY
$("#要创建DIV位置的ID").html('divdiv里面的内容/div');
那个。。
在动态向DOM中添加元素的时候,不可以使用标签的方式绑定事件。
因为标签绑定事件是在页面加载的时候处理的,而你动态添加的元素在页面加载的时候并不存在,更不要说读取标签绑定事件了。
这里,既然你用到了jquery,为什么不用jquery的方式去绑定事件呢?
div.attr("onmousedown","moveInit(this,event);");
div.attr("onmousemove","Move(this,event);");
div.attr("onmouseup","stopMove()");
div.attr("onmouseout","stopMove()");
这一段,改为:
// 由于目标函数需要参数,所以这里使用匿名函数来调用
div.mousedown(function(event){
moveInit(this,event);
});
div.mousemove(function(event){
Move(this,event);
});
div.mouseup(stopMove);
div.mouseout(stopMove);
JQuery中点击一次添加按钮,增加一个div的思路如下
给按钮注册一个点击的监听事件
在监听器中创建一个div元素附加在一个html元素后面
示例代码如下
!DOCTYPE html
html
head
meta charset="utf-8"
style type="text/css"
#father
{
width:150px;
height:150px;
background-color:red;
}
#father div
{
width:50px;
height:50px;
background-color:green;
font-size:12px;
}
/style
script type="text/javascript" src="/jQuery/jquery-1.8.3.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#btn").click(function(){
})
//father元素后面增加一个div元素
$("#father").prepend("div新的div/div");
})
/script
/head
body
input type="button" value="增加div" id="btn"
div id="father"/div
/body
/html