Hướng dẫn jquery get full html of element - jquery lấy toàn bộ html của phần tử

.html () trả về: chuỗiReturns: String

Mô tả: Nhận nội dung HTML của phần tử đầu tiên trong tập hợp các phần tử phù hợp.Get the HTML contents of the first element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html ().html()

  • Phương pháp này không chấp nhận bất kỳ đối số.

Phương pháp này không có sẵn trên các tài liệu XML.

Trong một tài liệu HTML,

var html = $("<div />").append($("#div1").clone()).html();

  <div id="div1">
    <p>Some Content</p>
  </div>

Để được truy xuất nội dung của ____ 23 sau đây, nó sẽ phải là công cụ đầu tiên có

var html = $("<div />").append($("#div1").clone()).html();

  <div id="div1">
    <p>Some Content</p>
  </div>

Nội dung của

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

  <div id="div1">
    <p>Some Content</p>
  </div>

Dòng mã đó sẽ thay thế mọi thứ bên trong

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

Ghi chú bổ sung:

• Theo thiết kế, bất kỳ hàm tạo hoặc phương thức nào chấp nhận chuỗi HTML - jQuery (), .Append (), .After (), v.v. - có khả năng thực thi mã. Điều này có thể xảy ra bằng cách tiêm thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã (ví dụ:

  var html = $("<div />").append($("#div1").clone()).html();
  

  6). Không sử dụng các phương pháp này để chèn các chuỗi thu được từ các nguồn không tin cậy như tham số truy vấn URL, cookie hoặc đầu vào hình thức. Làm như vậy có thể giới thiệu các lỗ hổng về chữ ký chéo (XSS). Xóa hoặc thoát bất kỳ đầu vào người dùng trước khi thêm nội dung vào tài liệu.

  <div id="div1">
    <p>Some Content</p>
  </div>

.html (htmlString) trả về: jQueryReturns: jQuery

Mô tả: Đặt nội dung HTML của mỗi phần tử trong tập hợp các phần tử phù hợp.Set the HTML contents of each element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html (HTMLString).html( htmlString )

  • HTMLSTRING

    Một chuỗi HTML để đặt làm nội dung của mỗi phần tử phù hợp.

• Phiên bản được thêm vào: 1.4.html (chức năng).html( function )

  • function

    Một hàm trả về nội dung HTML để đặt. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ làm đối số. JQuery làm trống phần tử trước khi gọi hàm; Sử dụng đối số OldHTML để tham khảo nội dung trước đó. Trong hàm,

    var html = $("<div />").append($("#div1").clone()).html();
    

    7 đề cập đến phần tử hiện tại trong tập hợp.

Phương pháp

var html = $("<div />").append($("#div1").clone()).html();

Khi

var html = $("<div />").append($("#div1").clone()).html();

Hãy xem xét HTML sau:

  <div id="div1">
    <p>Some Content</p>
  </div>

Nội dung của

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

  <div id="div1">
    <p>Some Content</p>
  </div>

Dòng mã đó sẽ thay thế mọi thứ bên trong

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

  <div id="div1">
    <p>Some Content</p>
  </div>

Kể từ JQuery 1.4, phương pháp

var html = $("<div />").append($("#div1").clone()).html();

  <div id="div1">
    <p>Some Content</p>
  </div>

Đưa ra một tài liệu với sáu đoạn văn, ví dụ này sẽ đặt HTML của

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

Phương pháp này sử dụng thuộc tính

var html = $("<div />").append($("#div1").clone()).html();

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

Để đặt nội dung của phần tử

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

jQuery.fn.outerHTML = function() {
  return jQuery('<div />').append(this.eq(0).clone()).html();
};

var html = $("<div />").append($("#div1").clone()).html();

Lưu ý: Trong Internet Explorer lên đến và bao gồm phiên bản 9, việc đặt nội dung văn bản của phần tử HTML có thể làm hỏng các nút văn bản của trẻ em đang bị xóa khỏi tài liệu do kết quả của hoạt động. Nếu bạn đang giữ các tham chiếu đến các phần tử DOM này và cần không thay đổi, hãy sử dụng

var html = $("#div1").outerHTML();

var html = $("#div1").outerHTML();

var html = $("#div1").outerHTML();

var html = $("#div1").outerHTML();

  <div id="div1">
    <p>Some Content</p>
  </div>

  <div id="div1">
    <p>Some Content</p>
  </div>