Ringkasan pelaksanaan js mencipta dan memadam kemahiran html elements_javascript

Jika saya mahu mencipta elemen div.

1 Cipta menggunakan objek DOM:

Buat elemen menggunakan kaedah document.createElement('div').

2. Gunakan JQuery untuk mencipta:

Buat elemen secara langsung menggunakan kaedah $('dc6dce4a544fdca2df29d5ac0ea9906bElemen baharu yang dibuat melalui JQuery16b28748ea4df4d9c2150843fecfba68').

Jika anda perlu memadamkan elemen div dengan id 'div2js'.

1. Gunakan objek DOM

Pertama, anda perlu mencari elemen induk bagi elemen yang dipadamkan dan padamkan elemen anak yang perlu dipadamkan melalui elemen induk.

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

2. Gunakan JQuery

Cari dan padam terus.

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

Akhir sekali mari kita lihat contoh

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