javascript怎么創(chuàng)建div

純JAVASCRIPPT創(chuàng)建

創(chuàng)新互聯(lián)成立于2013年，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元普蘭店做網(wǎng)站,已為上家服務(wù),為普蘭店各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):18982081108

(1):document.getElementById("要?jiǎng)?chuàng)建DIV位置的ID").innerHTML='divdiv里面的內(nèi)容/div';

(2):

var createDiv=document.createElement("div"); ?

createDiv.title="div title."; ?

createDiv.id="id"; ?

createDiv.class="class"; ?

createDiv.innerHTML="div里面的內(nèi)容!"; ?

document.body.appendChild(createDiv);//添加到BODY節(jié)點(diǎn)中?

JQUERY

$("#要?jiǎng)?chuàng)建DIV位置的ID").html('divdiv里面的內(nèi)容/div');

jquery創(chuàng)建div并綁定onmousedown方法

那個(gè)。。

在動(dòng)態(tài)向DOM中添加元素的時(shí)候，不可以使用標(biāo)簽的方式綁定事件。

因?yàn)闃?biāo)簽綁定事件是在頁(yè)面加載的時(shí)候處理的，而你動(dòng)態(tài)添加的元素在頁(yè)面加載的時(shí)候并不存在，更不要說(shuō)讀取標(biāo)簽綁定事件了。

這里，既然你用到了jquery，為什么不用jquery的方式去綁定事件呢？

div.attr("onmousedown","moveInit(this,event);");

div.attr("onmousemove","Move(this,event);");

div.attr("onmouseup","stopMove()");

div.attr("onmouseout","stopMove()");

這一段，改為：

//?由于目標(biāo)函數(shù)需要參數(shù)，所以這里使用匿名函數(shù)來(lái)調(diào)用

div.mousedown(function(event){

moveInit(this,event);

});

div.mousemove(function(event){

Move(this,event);

});

div.mouseup(stopMove);

div.mouseout(stopMove);

怎么用JQuery動(dòng)態(tài)添加div 比如 添加 點(diǎn)擊一次添加按鈕 增加一個(gè)div

JQuery中點(diǎn)擊一次添加按鈕，增加一個(gè)div的思路如下

給按鈕注冊(cè)一個(gè)點(diǎn)擊的監(jiān)聽(tīng)事件

在監(jiān)聽(tīng)器中創(chuàng)建一個(gè)div元素附加在一個(gè)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元素后面增加一個(gè)div元素

$("#father").prepend("div新的div/div");

})

/script

/head

body

input?type="button"?value="增加div"?id="btn"

div?id="father"/div

/body

/html