This article is an example of JS dynamic creation and removal of Div method. Share to everyone for your reference. The implementation methods are as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
//create DIV function Creatediv () {if document.getelementbyidx_x ("Newd")! =null) Document.body.removeChild (document.getelementbyidx_x ("newd")); var div = document.create_relement ("div");//Create 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 = + "px";/note Firefox must add "px" Div.style.top = + "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); }//Remove the created div function rEmovediv () {Document.body.removeChild (document.getelementbyidx_x_x ("newd"));} |
The
wants this article to help you with your JavaScript programming.