JavaScript

Question

aracılığıyla sokulmuş giriş alanını nasıl kaldırılır

Birisi nasıl alanı kaldırmak için yeni işlev eklemek için bana yardım edin, ben

<script language="javascript"> 
fields = 0; 
function addInput() { 
    if (fields != 10) { 
     var htmlText = "&nbsp;&nbsp;<input type='text' name='friends[]' value='' size='auto' maxlength='45' /><br />"; 
     var newElement = document.createElement('div'); 
     newElement.id = 'new_field'; 
     newElement.innerHTML = htmlText; 

     var fieldsArea = document.getElementById('new_field'); 
     fieldsArea.appendChild(newElement); 
     fields += 1; 

    } else { 
     alert("Only 10 fields allowed."); 
     document.form.add.disabled=true; 
    } 
} 
</script> 

aşağıdaki gibi yeni bir alan eklemek js komut fonksiyonu var ama bazı yardımcı olur ihtiyacım Alanı kaldırmak için yeni fonksiyonlar eklemek, Herhangi bir öneri ve işaretçi için minnettar olurum. removeChild() fonksiyonu burada removeChild() - mozilla developer

Düzenleme Veya hakkında burada okuyun

Answer 1

: Herşeyden removeChild() w3schools

Answer 2

Birincisi, zaten senin koduyla bakın bir sorun var. Her yeni alanın kimliğini geçersiz HTML olan ve sorun isteyen aynı değere ayarlıyorsunuz. Bunu düzeltdiğinizden emin olun.

DOM öğelerinin .removeChild method'ları istediğinizdir. .removeChild, bir düğümün (öğe veya metin) DOM ağacından (aslında belgenin içinde yer alan öğeler kümesi) çıkarılması, ancak düğümün içeri aktarılması, aslında bu öğenin bir alt öğesi ise, aksi halde bir hata oluşur.

kolaylıkla kendi kabın last child bularak son alanı kaldırabilirsiniz: Eğer "div" için bazı kimlikleri eklerseniz

function removeLastField() { 
    var fieldsArea = document.getElementById('new_field'), 
     lastChild = fieldsArea.lastChild; 
    if(lastChild) { 
     fieldsArea.removeChild(lastChild); 
     fields -= 1; 
    } 
}