Dom addition, deletion, and node instance tutorial

Dom node removal code

// Set the function of the close and OK buttons -- close (remove) prompt box
BtnEnter. onclick = aClose. onclick = function (){
Document. body. removeChild (objId );
Document. body. removeChild (shadow );
BtnShow. disabled = false;

Add nodes to dom

 

Document. body. appendChild (shadow );
Obj. appendChild (divTitle );
Obj. appendChild (Container );
Obj. appendChild (msgBottom );
Document. body. appendChild (obj );

Example:

Var Btns = document. createElement ("div ");
Btns. setAttribute ("id", "btns ");
   
Var btnEnter = document. createElement ("");
BtnEnter. setAttribute ("id", "btnEnter ");
BtnEnter. setAttribute ("href", "#1 ");
   
Var txtEnter = document. createTextNode ("OK ");
   
BtnEnter. appendChild (txtEnter );
Btns. appendChild (btnEnter );

Js close layer

Var closeBar = document. createElement ("div ");
CloseBar. setAttribute ("id", "closebar ");

Var A = document. createElement ("");
/*
In the pure DOM method, we write as follows:
Var txtCloseWindow = document. createTextNode ("Close Window ");
A. appendChild (txtCloseWindow );
*/
A. innerHTML = "Close Window ";
A. setAttribute ("href", "#1 ");
A. setAttribute ("id", "btnClose ");
A. setAttribute ("title", "Close Window ");
   
CloseBar. appendChild ();