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

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

WBOY

Libérer： 2016-05-16 15:37:39

original

1342 Les gens l'ont consulté

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 $('

Nouvel élément créé via JQuery

').

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);

Copier après la connexion

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>";

Copier après la connexion