快捷導(dǎo)航

js動(dòng)態(tài)創(chuàng)建及移除div的方法

更新時(shí)間：2015年06月03日 16:25:42 作者：誠實(shí)的丑小鴨

這篇文章主要介紹了js動(dòng)態(tài)創(chuàng)建及移除div的方法,涉及javascript針對(duì)頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了js動(dòng)態(tài)創(chuàng)建及移除div的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

//創(chuàng)建div
function createDiv(){
 if(document.getElementByIdx_x("newD")!=null)
  document.body.removeChild(document.getElementByIdx_x("newD"));
 var Div = document.create_rElement("div");//創(chuàng)建div
 Div.setAttribute("id", "newD");
 Div.style.position = "absolute";
 Div.style.height = "160px";
 Div.style.width = "400px";
 Div.style.border = "1px solid grey";
 Div.style.background = "white";
 Div.style.paddingTop = "40px";
 Div.style.zIndex = "100";
 Div.style.left = 100 +"px";//注意Firefox下必須加"px"
 Div.style.top = 100 +"px";
 Div.style.textAlign = "center";
 Div.style.fontSize = "18px";
 var str = "<div id=\"divClose\" onclick=\"removeDiv()\" style=\"width:16px;height:16px;float:right;margin-top:-40px;background:url(images/divClose.gif);\"><\/div>";
 Div.innerHTML = str + title;
 document.body.appendChild(newD);
}
//移除創(chuàng)建的div
function removeDiv(){
 document.body.removeChild(document.getElementByIdx_x_x("newD"));
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

js
div

相關(guān)文章

前端如何用post的方式進(jìn)行eventSource請(qǐng)求
這篇文章主要給大家介紹了關(guān)于前端如何用post的方式進(jìn)行eventSource請(qǐng)求的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2023-04-04
layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法
今天小編就為大家分享一篇layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
javascript正則表達(dá)式基礎(chǔ)知識(shí)入門
很長時(shí)間沒看正則表達(dá)式了，碰巧今天用到，溫故知新了一把,這里記錄下來，分享給大家，都是些基礎(chǔ)的知識(shí)，重點(diǎn)給大家講解的是正則表達(dá)式中4種常用的方法,50% 的舉一反三練習(xí)中的原創(chuàng)。
2015-04-04
動(dòng)態(tài)的改變IFrame的高度實(shí)現(xiàn)IFrame自動(dòng)伸展適應(yīng)高度
動(dòng)態(tài)的改變IFrame的高度，實(shí)現(xiàn)IFrame自動(dòng)伸展，父頁面也自動(dòng)神縮原理：在IFrame子頁面一加載的時(shí)候，調(diào)用父IFrame對(duì)象，改變其高度
2012-12-12
js實(shí)現(xiàn)加載頁面就自動(dòng)觸發(fā)超鏈接的示例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)加載頁面就自動(dòng)觸發(fā)超鏈接的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
javascript實(shí)現(xiàn)最長公共子序列實(shí)例代碼
最長公共子序列（longest common sequence）和最長公共子串（longest common substring）不是一回事兒，下面這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)最長公共子序列的相關(guān)資料，需要的朋友可以參考下。
2018-02-02
BootstrapValidator實(shí)現(xiàn)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了BootstrapValidator實(shí)現(xiàn)表單驗(yàn)證功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
Dron右鍵菜單 v1.0
Dron右鍵菜單 v1.0...
2006-10-10
JavaScript設(shè)置首頁和收藏頁面的小例子
這篇文章介紹了JavaScript設(shè)置首頁和收藏頁面的小例子，有需要的朋友可以參考一下
2013-11-11
layui radio單選限制下一個(gè)radio單選的實(shí)例
今天小編就為大家分享一篇layui radio單選限制下一個(gè)radio單選的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09