js動態(tài)創(chuàng)建及移除div的方法
更新時間：2015年06月03日 16:25:42 作者：誠實的丑小鴨
這篇文章主要介紹了js動態(tài)創(chuàng)建及移除div的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下
本文實例講述了js動態(tài)創(chuàng)建及移除div的方法。分享給大家供大家參考。具體實現(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"));
}
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- js 動態(tài)創(chuàng)建 html元素
- js實現(xiàn)動態(tài)創(chuàng)建的元素綁定事件
- JS使用eval()動態(tài)創(chuàng)建變量的方法
- JS動態(tài)創(chuàng)建元素的兩種方法
- 動態(tài)創(chuàng)建按鈕的JavaScript代碼
- JavaScript如何動態(tài)創(chuàng)建table表格
- JS動態(tài)創(chuàng)建DOM元素的方法
- javascript實現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法
- jQuery動態(tài)創(chuàng)建html元素的常用方法匯總
- jquery 動態(tài)創(chuàng)建元素的方式介紹及應(yīng)用
- 基于jquery的動態(tài)創(chuàng)建表格的插件
- javascript與jquery動態(tài)創(chuàng)建html元素示例
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于前端如何用post的方式進行eventSource請求的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-04-04
今天小編就為大家分享一篇layui表單提交到后臺自動封裝到實體類的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
很長時間沒看正則表達式了，碰巧今天用到，溫故知新了一把,這里記錄下來，分享給大家，都是些基礎(chǔ)的知識，重點給大家講解的是正則表達式中4種常用的方法,50% 的舉一反三練習(xí)中的原創(chuàng)。2015-04-04
動態(tài)的改變IFrame的高度實現(xiàn)IFrame自動伸展適應(yīng)高度
動態(tài)的改變IFrame的高度，實現(xiàn)IFrame自動伸展，父頁面也自動神縮原理： 在IFrame子頁面一加載的時候，調(diào)用父IFrame對象，改變其高度2012-12-12
下面小編就為大家?guī)硪黄猨s實現(xiàn)加載頁面就自動觸發(fā)超鏈接的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
最長公共子序列（longest common sequence）和最長公共子串（longest common substring）不是一回事兒，下面這篇文章主要給大家介紹了關(guān)于javascript實現(xiàn)最長公共子序列的相關(guān)資料，需要的朋友可以參考下。2018-02-02
BootstrapValidator實現(xiàn)表單驗證功能
這篇文章主要為大家詳細(xì)介紹了BootstrapValidator實現(xiàn)表單驗證功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
Dron右鍵菜單 v1.0...2006-10-10
這篇文章介紹了JavaScript設(shè)置首頁和收藏頁面的小例子，有需要的朋友可以參考一下2013-11-11
今天小編就為大家分享一篇layui radio單選限制下一個radio單選的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09