純JAVASCRIPPT創(chuàng)建
創(chuàng)新互聯(lián)成立于2013年,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元普蘭店做網(wǎng)站,已為上家服務(wù),為普蘭店各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108
(1):document.getElementById("要創(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é)點中?
JQUERY
$("#要創(chuàng)建DIV位置的ID").html('divdiv里面的內(nèi)容/div');
那個。。
在動態(tài)向DOM中添加元素的時候,不可以使用標(biāo)簽的方式綁定事件。
因為標(biāo)簽綁定事件是在頁面加載的時候處理的,而你動態(tài)添加的元素在頁面加載的時候并不存在,更不要說讀取標(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ù)來調(diào)用
div.mousedown(function(event){
moveInit(this,event);
});
div.mousemove(function(event){
Move(this,event);
});
div.mouseup(stopMove);
div.mouseout(stopMove);
JQuery中點擊一次添加按鈕,增加一個div的思路如下
給按鈕注冊一個點擊的監(jiān)聽事件
在監(jiān)聽器中創(chuàng)建一個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
分享標(biāo)題:jquery創(chuàng)建一個div,jquery創(chuàng)建新元素
地址分享:http://www.sd-ha.com/article10/dscdddo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、虛擬主機、外貿(mào)建站、關(guān)鍵詞優(yōu)化、面包屑導(dǎo)航、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)