Tất cả các phần tử HTML đều có các thuộc tính HTML bên trong. Phương thức jQuery .html[] truy xuất 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 cụ thể
Nhớ. jQuery innerHTML không tồn tại dưới dạng hàm. Sử dụng. html[] jQuery để đặt hoặc lấy nội dung HTML
Phương thức html[] đặt hoặc trả về nội dung [HTML bên trong] của các phần tử được chọn. Khi phương thức này được sử dụng để trả về nội dung, nó sẽ trả về nội dung của phần tử được khớp ĐẦU TIÊN. Khi phương pháp này được sử dụng để thiết lập nội dung, nó sẽ ghi đè lên nội dung của TẤT CẢ các phần tử phù hợp
Thuộc tính innerHTML của giao diện người dùng jQuery được sử dụng để đặt hoặc lấy nội dung HTML hoặc HTML bên trong của một phần tử. Giao diện người dùng jQuery bên trongHTML là một thuộc tính hoặc thuộc tính tích hợp trong thư viện giao diện người dùng jQuery. Thuộc tính jQuery UI innerHTML cho phép viết một html động trên tài liệu html. Chủ yếu nó được sử dụng để tạo các liên kết, mẫu bình luận, mẫu đăng ký, v.v. Tất cả các phần tử HTML đều có thuộc tính InternalHTML. jquery. Phương thức html[] có thể được sử dụng để truy xuất nội dung HTML của phần tử đầu tiên của tập hợp các phần tử phù hợp. Lưu ý rằng jQuery innerHTML không tồn tại dưới dạng một phương thức, chúng ta sử dụng phương thức html[] để thiết lập hoặc lấy nội dung HTML
Cú pháp của thuộc tính jQuery UI innerHTML
Bắt đầu khóa học phát triển phần mềm miễn phí của bạn
Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác
Có hai cú pháp của thuộc tính jQuery UI innerHTML dựa trên mục đích sử dụng
Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]
Giá
Xem khóa học600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 [84.762 xếp hạng]HTMLelementObj.innerHTMLNó được sử dụng để trả về thuộc tính InternalHTML. Giá trị trả về của thuộc tính này là Chuỗi, đại diện cho nội dung HTML của một phần tử
HTMLelementObj.innerHTML = textNó được sử dụng để thiết lập thuộc tính InternalHTML. Văn bản đại diện cho nội dung HTML của một phần tử
Ví dụ về jQuery bên trongHTML
Đưa ra dưới đây là những ví dụ được đề cập
Ví dụ 1
Thuộc tính innerHTML được sử dụng để thiết lập nội dung của các phần tử html
Mã số
This is an example for jQuery UI innerHTML propertyThis is the old content for an element of id p.
This is the old content for an element of id p.
This is the old content for an element of id div.document.getElementById["p"].innerHTML = "This is the new content for an element of id p."; document.getElementById["div"].innerHTML = "This is the new content for an element of id div.";đầu ra
Như trong chương trình trên, các phần tử html p và div được xác định bằng một số nội dung và sau đó những nội dung đó được đặt hoặc thay thế bằng một số nội dung khác thông qua thuộc tính innerHTML bằng cách sử dụng id của các phần tử html. Nếu chúng ta thấy trong đầu ra ở trên, chỉ phần tử p đầu tiên được đặt bởi nội dung mới trong khi phần tử p thứ hai vẫn giữ nguyên không thay đổi. Vì vậy, InternalHTML đặt nội dung của phần tử đầu tiên của tập hợp các phần tử phù hợp
Ví dụ #2
Thuộc tính innerHTML dùng để lấy nội dung của các phần tử html
Mã số
This is an example for jQuery UI innerHTML propertyThis is the first content for p element.
This is the second content for p element.
This is the content for div element.get p element content get div element content function getpcontent[] { var d = document.getElementById["p"].innerHTML; document.getElementById["d1"].innerHTML = d; } function getdivcontent[] { var d = document.getElementById["div"].innerHTML; document.getElementById["d1"].innerHTML = d; }đầu ra
Khi chúng tôi nhấp vào nút “lấy nội dung phần tử p”, đầu ra
Và khi chúng ta nhấp vào nút “lấy nội dung phần tử div”, đầu ra
Như trong chương trình trên, các phần tử html p và div được xác định với một số nội dung và những nội dung đó chúng ta nhận được thông qua thuộc tính innerHTML bằng cách sử dụng id của các phần tử html. Nếu chúng ta thấy trong đầu ra ở trên, chỉ có nội dung phần tử p đầu tiên được hiển thị. Vì vậy, thuộc tính innerHTML lấy nội dung của phần tử đầu tiên của tập hợp các phần tử phù hợp
Ví dụ #3
Thuộc tính innerHTML được sử dụng để tạo biểu mẫu html bằng cách nhấp vào nút trong trang web
Mã số
This is an example for jQuery UI innerHTML propertyClick below to give any complaints.
function showform[] { var d = "Name :
Complaint :
"; document.getElementById['d1'].innerHTML = d; }đầu ra
Khi chúng tôi nhấp vào nút “Nhận biểu mẫu khiếu nại”, biểu mẫu sẽ tự động được tạo như trong kết quả bên dưới
Như trong chương trình trên, biểu mẫu đang tạo động bên trong phần tử p có id d1 bằng cách nhấp vào nút “Nhận biểu mẫu khiếu nại” gọi hàm showform[], trong đó bên trong hàm này, biểu mẫu đang tạo và sau đó đặt biểu mẫu này là
Phần kết luận
Thuộc tính innerHTML của giao diện người dùng jQuery là một thuộc tính tích hợp sẵn trong thư viện giao diện người dùng jQuery, được sử dụng để đặt hoặc lấy nội dung HTML hoặc [HTML bên trong] của một phần tử. Nó cho phép viết một html động trên tài liệu html như liên kết động, nhận xét động, biểu mẫu động, v.v. Thuộc tính innerHTML của giao diện người dùng jQuery được sử dụng cùng với tài liệu. phương thức getElementById[]
Bài viết được đề xuất
Đây là hướng dẫn về jQuery innerHTML. Ở đây chúng ta thảo luận về phần giới thiệu jQuery innerHTML cùng với các ví dụ lập trình. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –
Làm cách nào để lấy HTML bên trong div bằng jQuery?
Để lấy nội dung HTML của một phần tử bằng jQuery, hãy sử dụng phương thức html[] . Phương thức html[] lấy nội dung html của phần tử được so khớp đầu tiên.Làm cách nào để lấy dữ liệu InternalHTML bằng jQuery?
Phương thức jQuery html[] . Khi phương thức này được sử dụng để trả về nội dung, nó sẽ trả về nội dung của phần tử được khớp ĐẦU TIÊN. Khi phương pháp này được sử dụng để thiết lập nội dung, nó sẽ ghi đè lên nội dung của TẤT CẢ các phần tử phù hợp. The html[] method sets or returns the content [innerHTML] of the selected elements. When this method is used to return content, it returns the content of the FIRST matched element. When this method is used to set content, it overwrites the content of ALL matched elements.Làm cách nào để lấy giá trị InternalHTML trong JavaScript?
Trước hết, để lấy giá trị InternalHTML của bất kỳ thẻ nào, bạn cần thẻ đó có thuộc tính 'id' hoặc thuộc tính 'tên' được đặt. Sau đó, bạn có thể sử dụng tài liệu ' tương ứng. getElementById[yourTagIdValue]. innerHTML ' hoặc 'tài liệu.Làm cách nào để thay đổi HTML của div trong jQuery?
Để thay thế InternalHTML của div bằng jquery, hàm html[] được sử dụng . Sau khi tải trang web, khi nhấp vào nút, nội dung bên trong div sẽ được thay thế bằng nội dung được cung cấp bên trong hàm html[].