Tôi đang phát xung quanh với một số document fragment
. Tôi thấy khó hiểu được cách nó hoạt động khi tôi gắn nó vào DOM.Tôi có thể giữ một tham chiếu đến một đoạn tài liệu không?
Tôi tạo một doc fragment
mà tôi gán cho một biến, khi tôi chèn một số nội dung vào nó và chắp thêm đoạn tài liệu vào phần tử. Nhưng nếu tôi xóa số element
thì biến của tôi nên tham chiếu đến đoạn tài liệu chứa một đoạn tài liệu trống.
Tôi cố gắng tạo bộ nhớ cache cho thư viện của bên thứ ba tạo các đoạn tài liệu. Vì vậy, tôi muốn làm việc này. Tôi có nên tạo một cloneNode trước khi tôi chắp thêm đoạn mã vào DOM, đúng không?
tôi đã tạo ra một fiddle JS: http://jsfiddle.net/4CTXG/1/
var test = document.createDocumentFragment();
//var test = document.createElement("div"); // This one work
$(test).append($("<div>").html('Hello world!'));
$("#result").append(test);
setTimeout(function(){
$("#result").children().remove();
$("#result").append(test);
console.log('Now test should have been appended');
$(result).css({"background": "#FF0000"});
},5000)
Câu trả lời rất hữu ích +1 –