JS implementation Create Delete HTML element summary _javascript tips

If I want to create a DIV element.

1. Create using DOM objects:

Create an element using the document.createelement (' div ') method.

2. Use jquery to create:

Create an element directly using the method of $ (' <div> new element </div> ' created through jquery).

If you need to delete the DIV element with id ' div2js '.

1. Using DOM objects

First you need to find the parent element of the deleted element and delete the child element that it needs to delete through the parent element.

var el = document.getElementById (' Div2js ');
 El.parentNode.removeChild (EL);

2. Using jquery

Locate and delete directly.

$ (' #div2js '). Remove ();

Finally, let's look at an example

<script type= "Text/javascript" language= "JavaScript" > Function Inputonblur () {var name=document.getelementbyi 

     D ("name"). Value; 
      if (name.length >10 | | name.length<2) {var Element=document.getelementbyid ("message"); 
      if (Element) {//alert (Element.parentNode.innerHTML); 
      Element.parentNode.removeChild (Element); 
               var myspan=document.createelement ("span"); 
               document.getElementById ("containers"). AppendChild (MySpan); 
               myspan.id = "message"; 
        myspan.innerhtml = " Please enter the correct name"; 
      } else{var Element=document.getelementbyid ("message"); 
      if (Element) {//alert (element.innerhtml); 
      Element.parentNode.removeChild (Element); 
               var myspan=document.createelement ("span"); 
        document.getElementById ("containers"). AppendChild (MySpan);       myspan.id = "message"; 
          myspan.innerhtml = " The username input correctly '; } </script> <div> Name: <input id= "name" type= "text" onblur= "Inputonblur ()"/><span id= "containers "></span></div> <script language=" JavaScript > document.getElementById ("Containers").  
 InnerHTML = "<font color=red> Please enter name </font>";