JS添加刪除DIV的簡單實(shí)例
更新時間:2016年07月08日 11:16:13 投稿:jingxian
下面小編就為大家?guī)硪黄狫S添加刪除DIV的簡單實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
JS添加刪除DIV的簡單實(shí)例
function addDiv(w,h){ //如果原來有“divCell”這個圖層,先刪除這個圖層 deleteDiv(); //創(chuàng)建一個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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript 阻止javascript事件冒泡,獲取控件ID值
Javascript學(xué)習(xí)日記-阻止javascript事件冒泡,獲取控件ID值2009-06-06JavaScript監(jiān)聽鍵盤事件代碼實(shí)現(xiàn)
這篇文章主要介紹了JavaScript監(jiān)聽鍵盤事件代碼實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06director.js實(shí)現(xiàn)前端路由使用實(shí)例
這篇文章主要介紹了director.js實(shí)現(xiàn)前端路由使用實(shí)例,director.js是最純粹的路由注冊/解析器,它在不刷新頁面的情況下,利用“#”符號組織不同的URL路徑,需要的朋友可以參考下2015-02-02利用iscroll4實(shí)現(xiàn)輪播圖效果實(shí)例代碼
iScroll 4 這個版本完全重寫了iScroll這個框架的原始代碼。這個項目的產(chǎn)生完全是因?yàn)橐苿影鎤ebkit瀏覽器(諸如iPhone,iPad,Android 這些系統(tǒng)上廣泛使用)。下面這篇文章主要介紹了利用iscroll4實(shí)現(xiàn)輪播圖效果的方法教程,需要的朋友可以參考下。2017-01-01layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09