javascript - loại bỏ yếu tố

Question

Câu hỏi của tôi là khá tiểu học, nhưng tôi không hiểu tại sao, trong đoạn mã sau, vào nút bấm duy nhất dissapears nút, thay vì toàn bộ div:

<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

Vấn đề là phần tử nút có thuộc tính xóa để được gọi thay vì chức năng xóa của bạn. Và cũng là điều chuỗi.

<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 phải được gửi đến hàm dưới dạng chuỗi thay vì biến, tức là, 'intro'

Ngoài ra, bạn phải đổi tên hàm của mình, ví dụ: removeById thay vì remove. Sau đó, nó hoạt động hoàn hảo.

Chức năng remove thực sự làm điều gì đó hoàn toàn khác. (Hàm của bạn thậm chí không được gọi khi nó được đặt tên là remove như bạn có thể thấy bằng cách đặt một thông báo cảnh báo vào nó.)

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

Hai vấn đề. Trước tiên, intro phải là một chuỗi, không phải là số nhận dạng, vì vậy hãy sử dụng remove('intro') trong onclick của bạn.

Thứ hai, document.rwmoveChild không chính xác. removeChild nên được gọi trên phụ huynh của phần tử bạn đang xóa. Việc sử dụng phổ biến là:

element.parentNode.removeChild(element);