js動(dòng)態(tài)創(chuàng)建及移除div的方法
本文實(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 動(dòng)態(tài)創(chuàng)建 html元素
- js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件
- JS使用eval()動(dòng)態(tài)創(chuàng)建變量的方法
- JS動(dòng)態(tài)創(chuàng)建元素的兩種方法
- 動(dòng)態(tài)創(chuàng)建按鈕的JavaScript代碼
- JavaScript如何動(dòng)態(tài)創(chuàng)建table表格
- JS動(dòng)態(tài)創(chuàng)建DOM元素的方法
- javascript實(shí)現(xiàn)dom動(dòng)態(tài)創(chuàng)建省市縱向列表菜單的方法
- jQuery動(dòng)態(tài)創(chuàng)建html元素的常用方法匯總
- jquery 動(dòng)態(tài)創(chuàng)建元素的方式介紹及應(yīng)用
- 基于jquery的動(dòng)態(tài)創(chuàng)建表格的插件
- javascript與jquery動(dòng)態(tài)創(chuàng)建html元素示例
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)單的星期格式轉(zhuǎn)換功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的星期格式轉(zhuǎn)換功能,涉及JavaScript基于Date()對(duì)象的日期時(shí)間操作技巧,需要的朋友可以參考下2018-07-07JS實(shí)現(xiàn)仿微博可關(guān)閉彈出層效果
這篇文章主要介紹了JS實(shí)現(xiàn)仿微博可關(guān)閉彈出層效果,涉及JavaScript彈出窗口的設(shè)置及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例
本文主要介紹了JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12JS 數(shù)字轉(zhuǎn)換為大寫金額的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄狫S 數(shù)字轉(zhuǎn)換為大寫金額的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08javascript實(shí)現(xiàn)平滑無縫滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)平滑無縫滾動(dòng)的具體代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05JavaScript中如何在一個(gè)循環(huán)中等待示例代碼詳解
這篇文章主要介紹了在JavaScript中如何在一個(gè)循環(huán)中等待(附代碼示例),下面是如何使用for..of 循環(huán)來迭代一個(gè)數(shù)組并在循環(huán)內(nèi)等待,需要的朋友可以參考下2022-08-08List all the Databases on a SQL Server
List all the Databases on a SQL Server...2007-06-06JavaScript代碼調(diào)試方法實(shí)例小結(jié)
這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript錯(cuò)誤信息的處理與代碼調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-01-01