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