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)文章
Javascript 阻止javascript事件冒泡,獲取控件ID值
Javascript學習日記-阻止javascript事件冒泡,獲取控件ID值2009-06-06JavaScript監(jiān)聽鍵盤事件代碼實現(xiàn)
這篇文章主要介紹了JavaScript監(jiān)聽鍵盤事件代碼實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-06-06layui 上傳插件 帶預覽 非自動上傳功能的實例(非常實用)
今天小編就為大家分享一篇layui 上傳插件 帶預覽 非自動上傳功能的實例(非常實用),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09