Hướng dẫn appendhtml - appendhtml

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .append()

Định nghĩa và sử dụng

• 
  
  
  
  
  
  
  
  
  
  Thành phần div
  
  

  2 Chèn nội dung, di chuyển thành phần vào trong thành phần khác, nội dung này thường được sắp xếp ở vị trí sau cùng.

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.append(nội dung)nội dung)

$('div').append('
nội dung thêm vào
');
$('div').append($('h3'));

• Đã được thêm vào từ phiên bản 1.4

.append(nội dung)nội dung)

Đã được thêm vào từ phiên bản 1.4

Thành phần div

Html viết:

Hiển thị trình duyệt:append thì thành phần div được chèn thêm thành phần

nội dung thêm vào

Ban đầu nội dung chỉ có thành phần div, nhưng khi sử dụng append thì thành phần div được chèn thêm thành phần nội dung thêm vào vào ngay vị trí sau cùng của thành phần div.

Thành phần div nội dung thêm vào

Đã được thêm vào từ phiên bản 1.4

thành phần h3
thành phần p

Html viết:

Hiển thị trình duyệt:

Ban đầu nội dung chỉ có thành phần div, nhưng khi sử dụng append thì thành phần div được chèn thêm thành phần nội dung thêm vào vào ngay vị trí sau cùng của thành phần div.

.append(function(index){...})

Đã được thêm vào từ phiên bản 1.4

thành phần div 01
thành phần div 02

Html viết:

Hiển thị trình duyệt:

Ban đầu nội dung chỉ có thành phần div, nhưng khi sử dụng append thì thành phần div được chèn thêm thành phần nội dung thêm vào vào ngay vị trí sau cùng của thành phần div.

Ví dụ,

var newElement = document.createElement('div');
newElement.innerHTML = "
new content
";
element.appendChild(newElement);​​​​​​​​​​​​​​​​

Kết quả: "Nội dung mới" được thêm vào trong trang nhưng sẽ không có cảnh giác nào nói Hello World!

Tôi đã thử InsideHtml, InsertAdjacenthtml, Phụ lục, Phương pháp phụ lục. Nhưng vấn đề là JS và CSS không tải động.

Trong jQuery,

Thành phần div

$(selector).after("
new content
");

Có bất kỳ tương đương cho JavaScript thuần túy?

Ông Polywhirl

36.6K12 Huy hiệu vàng76 Huy hiệu bạc124 Huy hiệu đồng12 gold badges76 silver badges124 bronze badges

Nếu bạn muốn nối một tập lệnh hoặc một bảng kiểu động vào trang của bạn, bạn nên:Apr 11 at 16:27

Tạo thẻ script/link/style

const content = "
new content<\/p>




Thành phần div

Thành phần div

const HTMLContent = "
new content
";
const newElement = document.createRange().createContextualFragment(HTMLContent);
document.body.appendChild(newElement)

Thành phần div

Thành phần div