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

Elemen baharu yang dibuat melalui JQuery

').

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