欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2015年06月03日 16:25:42   作者:誠(chéng)實(shí)的丑小鴨  
這篇文章主要介紹了js動(dòng)態(tài)創(chuàng)建及移除div的方法,涉及javascript針對(duì)頁(yè)面元素的動(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ì)有所幫助。

相關(guān)文章

  • JS實(shí)現(xiàn)簡(jiǎn)單的星期格式轉(zhuǎn)換功能示例

    JS實(shí)現(xiàn)簡(jiǎn)單的星期格式轉(zhuǎn)換功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的星期格式轉(zhuǎn)換功能,涉及JavaScript基于Date()對(duì)象的日期時(shí)間操作技巧,需要的朋友可以參考下
    2018-07-07
  • 再談Javascript中的基本類型和引用類型(推薦)

    再談Javascript中的基本類型和引用類型(推薦)

    這篇文章主要介紹了Javascript中的基本類型和引用類型的相關(guān)資料,包括基本類型和引用類型的概念及區(qū)別,數(shù)據(jù)類型檢測(cè)給大家詳細(xì)介紹了js基本類型和引用類型,非常不錯(cuò),需要的朋友可以參考下
    2016-07-07
  • JS實(shí)現(xiàn)仿微博可關(guān)閉彈出層效果

    JS實(shí)現(xiàn)仿微博可關(guān)閉彈出層效果

    這篇文章主要介紹了JS實(shí)現(xiàn)仿微博可關(guān)閉彈出層效果,涉及JavaScript彈出窗口的設(shè)置及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09
  • JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例

    JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例

    本文主要介紹了JS生成登錄驗(yàn)證碼的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-12-12
  • JS 數(shù)字轉(zhuǎn)換為大寫金額的簡(jiǎn)單實(shí)例

    JS 數(shù)字轉(zhuǎn)換為大寫金額的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)硪黄狫S 數(shù)字轉(zhuǎn)換為大寫金額的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08
  • javascript常用的方法整理

    javascript常用的方法整理

    JAVASCRIPT是AJAX技術(shù)中不可或缺的一部分,所以想學(xué)好AJAX以及現(xiàn)在流行的AJAX框架,學(xué)好JAVASCRIPT是最重要的。這章我給大家整理了一些JAVASCRIPT的基礎(chǔ)知識(shí)、常用代碼和事件匯總。
    2015-08-08
  • javascript實(shí)現(xiàn)平滑無縫滾動(dòng)

    javascript實(shí)現(xiàn)平滑無縫滾動(dòng)

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)平滑無縫滾動(dòng)的具體代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • JavaScript中如何在一個(gè)循環(huán)中等待示例代碼詳解

    JavaScript中如何在一個(gè)循環(huán)中等待示例代碼詳解

    這篇文章主要介紹了在JavaScript中如何在一個(gè)循環(huán)中等待(附代碼示例),下面是如何使用for..of 循環(huán)來迭代一個(gè)數(shù)組并在循環(huán)內(nèi)等待,需要的朋友可以參考下
    2022-08-08
  • List all the Databases on a SQL Server

    List all the Databases on a SQL Server

    List all the Databases on a SQL Server...
    2007-06-06
  • JavaScript代碼調(diào)試方法實(shí)例小結(jié)

    JavaScript代碼調(diào)試方法實(shí)例小結(jié)

    這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript錯(cuò)誤信息的處理與代碼調(diào)試相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01

最新評(píng)論