Résumé de l'implémentation js de la création et de la suppression des compétences HTML elements_javascript

Si je veux créer un élément div.

1. Créer à l'aide d'un objet DOM :

Créez des éléments à l'aide de la méthode document.createElement('div').

2. Utilisez JQuery pour créer :

Créez des éléments directement à l'aide de la méthode $('dc6dce4a544fdca2df29d5ac0ea9906bNouvel élément créé via JQuery16b28748ea4df4d9c2150843fecfba68').

Si vous devez supprimer l'élément div avec l'identifiant 'div2js'.

1. Utiliser des objets DOM

Tout d'abord, vous devez trouver l'élément parent de l'élément supprimé et supprimer les éléments enfants qui doivent être supprimés via l'élément parent.

var el = document.getElementById('div2js');
 el.parentNode.removeChild(el);

2. Utilisez JQuery

Recherchez et supprimez directement.

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

Enfin, regardons un exemple

<script type="text/javascript" language="Javascript"> 
function InputOnBlur() 
{    var name=document.getElementById("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 = "<img src='false.jpg' alt='请输入正确的姓名'/>请输入正确的姓名"; 
        } 
        
     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 = "<img src='true.gif' alt='该用户名输入正确'/>该用户名输入正确"; 
          } 
} 
</script>
<div>  
姓名：<input id="name" type="text" onblur="InputOnBlur()" /><span id="containers"></span></div>  
<script language="javascript">  
document.getElementById("containers").innerHTML = "<font color=red>请输入姓名</font>";