javascript - usunięcie elementu

Question

Moje pytanie jest dość podstawowe, ale nie rozumiem, dlaczego w poniższym kodzie przycisk kliknąć tylko znika przycisk, zamiast całego Gr:

<script> 
    function remove(id) { 
     //get the element node 
     element = document.getElementById(id); 

     //remove the element from the document 
     document.removeChild(element); 
    } 
</script> 

<div id="intro" class="jumbotron"> 
    <h1>Your Offline Web Dictionary!</h1> 
    <p class="lead"> 

    <div class="controls"> 
     <input class="span7 " type="text" placeholder=" " name="key"> 
    </div> 
    <div> 
     <button class="btn btn-large btn-success" onclick="remove(intro)"> 
      Dictionary Search 
     </button> 
    </div> 
</div> 

JSFiddle

Answer 1

Problem polega na tym, że element przycisku ma właściwość remove, więc jest wywoływana zamiast funkcji usuwania. A także rzecz sznurka.

<button class="btn btn-large btn-success" onclick="window.remove('intro');console.log(this.remove);"> 
    Search 
</button> 

http://jsfiddle.net/HMEVd/76/

Answer 2

intro należy przesłać do funkcji jako ciąg znaków, a nie zmiennej, tzn 'intro'

Ponadto, należy zmienić nazwę funkcji, na przykład, removeById zamiast remove. Wtedy działa idealnie.

Funkcja remove faktycznie robi coś zupełnie innego. (Twój funkcja jest wywoływana nawet gdy jest on nazwany remove jak widać umieszczając komunikat ostrzegawczy do niego.)

function removeById(id) { 
     //get the element node 
     element = document.getElementById(id); 

     //remove the element from the document 
     document.removeChild(element); 
} 

... 
<button class="btn btn-large btn-success" onclick="removeById('intro')"> 

Answer 3

dwa problemy. Po pierwsze, intro powinien być ciągiem znaków, a nie identyfikatorem, więc użyj numeru remove('intro') w swoim onclick.

Po drugie, document.rwmoveChild jest niepoprawne. removeChild powinien zostać wywołany na elemencie macierzystym usuwanego elementu. Powszechnie stosuje się:

element.parentNode.removeChild(element);