Rumah > hujung hadapan web > tutorial js > Ringkasan pelaksanaan js mencipta dan memadam kemahiran html elements_javascript

Ringkasan pelaksanaan js mencipta dan memadam kemahiran html elements_javascript

WBOY
Lepaskan: 2016-05-16 15:37:39
asal
1342 orang telah melayarinya

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

Salin selepas log masuk

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>";  
Salin selepas log masuk

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan