JS添加刪除DIV的簡單實(shí)例
更新時(shí)間：2016年07月08日 11:16:13 投稿：jingxian
下面小編就為大家?guī)硪黄狫S添加刪除DIV的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
JS添加刪除DIV的簡單實(shí)例
function addDiv(w,h){
//如果原來有“divCell”這個(gè)圖層，先刪除這個(gè)圖層
deleteDiv();
//創(chuàng)建一個(gè)div
var my = document.createElement("divCell");
//添加到頁面
document.body.appendChild(my);
//通過樣式指定該div的位置方式,若是想要自己設(shè)置div的位置,這句話必須有,把它注釋掉你就可以知道效果拉~試試看
my.style.position="absolute";
//通過樣式指定x坐標(biāo)(隨機(jī)數(shù)0~450)
my.style.top= Math.round(Math.random()*450);
//通過樣式指定y坐標(biāo)(隨機(jī)數(shù)0~700)
my.style.left= Math.round(Math.random()*700);
//通過樣式指定寬度
my.style.width=w;
//通過樣式指定高度
my.style.height=h;
//通過樣式指定背景顏色,,若是背景圖片 例為my.style.backgroundImage="url(img/3.jpg)"
my.style.backgroundColor="#ffffcc";
//添加div的內(nèi)容
//my.innerHTML=i++;
//設(shè)置樣式透明
my.style.filter = "alpha(opacity=50)";
//設(shè)置ID
my.id = "divCell";
}
function deleteDiv()
{
var my = document.getElementById("divCell");
if (my != null)
my.parentNode.removeChild(my);
}
以上這篇JS添加刪除DIV的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
分頁這種組件，幾乎每一種框架都有這樣的組件，這篇文章主要介紹了MVVM框架下實(shí)現(xiàn)分頁功能示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
Javascript 阻止javascript事件冒泡，獲取控件ID值
Javascript學(xué)習(xí)日記-阻止javascript事件冒泡，獲取控件ID值2009-06-06
JavaScript監(jiān)聽鍵盤事件代碼實(shí)現(xiàn)
這篇文章主要介紹了JavaScript監(jiān)聽鍵盤事件代碼實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
這篇文章主要給大家介紹了關(guān)于JavaScript判斷奇偶數(shù)的2種方法,奇數(shù)和偶數(shù)的判斷是數(shù)學(xué)運(yùn)算中經(jīng)常碰到的問題,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
director.js實(shí)現(xiàn)前端路由使用實(shí)例
這篇文章主要介紹了director.js實(shí)現(xiàn)前端路由使用實(shí)例,director.js是最純粹的路由注冊/解析器,它在不刷新頁面的情況下,利用“#”符號組織不同的URL路徑,需要的朋友可以參考下2015-02-02
利用iscroll4實(shí)現(xiàn)輪播圖效果實(shí)例代碼
iScroll 4 這個(gè)版本完全重寫了iScroll這個(gè)框架的原始代碼。這個(gè)項(xiàng)目的產(chǎn)生完全是因?yàn)橐苿影鎤ebkit瀏覽器（諸如iPhone，iPad，Android 這些系統(tǒng)上廣泛使用）。下面這篇文章主要介紹了利用iscroll4實(shí)現(xiàn)輪播圖效果的方法教程,需要的朋友可以參考下。2017-01-01
這篇文章主要介紹了JavaScript鍵盤事件常見用法,簡單描述了javascript鍵盤事件的分類、功能,并結(jié)合實(shí)例形式給出了javascript響應(yīng)鍵盤事件相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
變量聲明時(shí)命名與變量作為對象屬性時(shí)命名的區(qū)別解析
這篇文章主要介紹了變量聲明時(shí)命名與變量作為對象屬性時(shí)命名的區(qū)別。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了js中傳遞特殊字符(+,&)的方法，有需要的朋友可以參考一下2014-01-01
layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09