Hướng dẫn append and remove element javascript - nối và xóa phần tử javascript

Question

Chỉ định

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

3 trong HTML Handler của bạn:

Nội dung chính Show

Thông số
Giá trị trả về
Sử dụng something close 1
something close 0 là không thể thay đổi
Thông số kỹ thuật
Tính tương thích của trình duyệt web
JavaScript có thể loại bỏ các phần tử HTML không?
Những gì được sử dụng để loại bỏ các phần tử trong JavaScript?
Làm thế nào để loại bỏ và nối vào trong jQuery?
Có chức năng xóa trong JavaScript không?

   close

http://jsfiddle.net/ZTwd7/1/

Nếu không

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

4 đề cập đến phương pháp

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

5 gốc, không làm gì cả.

Đây là cách bạn sẽ mô phỏng nó với một "JavaScript" (trái ngược với thuộc tính HTML nội tuyến) Trình xử lý:

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

Đây không phải là sao chép chính xác (cũng không hoạt động trong IE, v.v., đó không phải là vấn đề) nhưng nó sẽ đặt

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

6 vào

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

7 trước toàn cầu

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

3 trong phạm vi, vì vậy nó bóng tối. Bạn vẫn có thể đề cập đến nó một cách rõ ràng với

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

9.

Thay vào đó, bạn cũng nên bỏ hoàn toàn những điều trên và sử dụng jQuery:

something
close

JS:

$(function() {
    $("#view").click(function() {
        $('body').append('something');

    });
    $("#close").click(function() {
        $('.added').remove();

    });
});

http://jsfiddle.net/ZTwd7/5/

Thực hiện yêu cầu AJAX lấy tệp HTML được thêm vào:

$.get("myhtml.html", function(html) {
    $("body").append(html);
}, "html");

Phương thức

something
close

0 loại bỏ phần tử khỏi DOM.
something close
0 method removes the element from the DOM.

Cú pháp

Thông số

None.

Giá trị trả về

Ví dụ

Sử dụng something close 1

<div id="div-01">Here is div-01div>
<div id="div-02">Here is div-02div>
<div id="div-03">Here is div-03div>

const element = document.getElementById('div-02');
element.remove(); // Removes the div with the 'div-02' id

something close 0 là không thể thay đổi

Phương pháp

something
close

1 không được đưa vào câu lệnh

something
close

4. Xem

something
close

5 để biết thêm thông tin.

with(node) {
  remove();
}
// ReferenceError: remove is not defined

Thông số kỹ thuật

Sự chỉ rõ
DOM Standard # ref-for-doildnode-REMOVE① # ref-for-dom-childnode-remove①

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

$('p').remove();

Trên đây tạo ra một đối tượng jQuery là danh sách nút của tất cả các phần tử p (và cây dom của chúng) và loại bỏ chúng. Không cụ thể lắm, và do đó tất cả bao gồm.node list of all P elements (and their DOM trees) and removes them. Not very specific, and therefore all inclusive.

Để thu hẹp lĩnh vực này, chúng ta cần rút ra các thuộc tính của Dom Tree và/hoặc lớp và ID trên các phần tử mục tiêu để giúp chúng ta khớp với bộ chọn của mình chỉ các yếu tố đó.

Một trong những bài học có chúng tôi chỉ loại bỏ Li thứ tư trong một ol. Vì vậy, chúng tôi sử dụng bộ chọn này:

$('ol :nth-child(4)').remove();

Li được ngụ ý vì đó là đứa trẻ duy nhất mà một ol hoặc UL có thể có. Điều này được gọi là một bộ chọn hậu duệ được ký hiệu là không gian giữa

something
close

6 và lớp giả,

something
close

7. Trên đây cũng là một ví dụ về quy trình A,

something
close

8. Khi phần tử phù hợp được loại bỏ, đối tượng hòa tan vào không khí mỏng và được để lại để thu gom rác, giải phóng bộ nhớ mà nó sử dụng. Không phải là một trường hợp mà một biến sẽ được sử dụng nhiều, vì vậy được viết tốt nhất như vậy.

Trong trường hợp cùng một bộ chọn xuất hiện nhiều lần trong mã, chúng tôi tốt hơn để lưu trữ đối tượng jQuery thay vì truy vấn cho nó nhiều lần.

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

0

Ở trên khi chúng tôi gán điều này cho một biến, chúng tôi không gán biểu thức cuộc gọi hàm, mà là đối tượng jQuery (danh sách nút kết quả). Bằng cách tham khảo đối tượng này, chúng tôi sẽ không thực hiện bất kỳ cuộc gọi nào nữa đến JQuery, chỉ tham khảo (các) cây Dom trong bộ sưu tập.

Đối tượng

something
close

9 là một đối tượng ẩn danh, cho tất cả các ý định. Nó thực sự được lưu trữ trong

$(function() {
    $("#view").click(function() {
        $('body').append('something');

    });
    $("#close").click(function() {
        $('.added').remove();

    });
});

0; Biến chỉ trỏ đến nơi đối tượng phiên bản nằm trong bộ nhớ, nhưng vì tham chiếu này tồn tại, đối tượng sẽ vẫn còn trong bộ nhớ và có sẵn cho các cuộc gọi tiếp theo, cho đến khi $ p được gán một số giá trị hoặc tham chiếu đối tượng khác.

Đặc biệt quan trọng là lưu trữ trước khi chạy bất kỳ vòng lặp. Hãy để viết một vòng lặp ngớ ngẩn mang lại màu sắc khác nhau cho tất cả các yếu tố p. Đưa ra mã trên, chúng ta có thể tạo một vòng lặp:

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

1

Bây giờ tất cả những gì chúng ta cần là một chồng các yếu tố P:

elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

2

Vui vẻ, hả? Bạn có thể sử dụng Bài 1 để thử điều này.

Lưu ý: Một bộ sưu tập tương tự như một mảng. Tương tự là từ hoạt động. Nó không phải là một mảng JavaScript như vậy. Nhưng nó có một thuộc tính dài, và nó có thể được lặp lại, như chúng ta đã thấy minh họa. Độ dài, sau đó, là các nút số được khớp trong DOM bởi bộ chọn. Một điều tiện dụng để biết. Nếu $ p.length === 0 thì không có nút nào được khớp.

.Append () Câu hỏi, tiếp theo

Hướng dẫn append and remove element javascript - nối và xóa phần tử javascript

Cú pháp

Thông số

Giá trị trả về

Ví dụ

Tính tương thích của trình duyệt web

Xem thêm

JavaScript có thể loại bỏ các phần tử HTML không?

Những gì được sử dụng để loại bỏ các phần tử trong JavaScript?

Làm thế nào để loại bỏ và nối vào trong jQuery?

Có chức năng xóa trong JavaScript không?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội