Bên trongHTML thay thế

jQuery thay thế InternalHTML được thực hiện để thay thế InternalHTML của phần tử được chọn. Thuộc tính innerHTML được sử dụng để viết nội dung HTML động trên tài liệu HTML như biểu mẫu nhận xét, biểu mẫu đăng ký, liên kết, v.v. Khi chúng ta cần thay thế nội dung động InternalHTML, chúng ta có thể sử dụng thuộc tính InternalHTML hoặc hàm html() và cung cấp nội dung mới

Cú pháp của jQuery để thay thế InternalHTML –

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

document.getElementById( "id" ).innerHTML= content;

Cú pháp của hàm jQuery html() để thiết lập nội dung –

$( "selector" ).html( content );

Cú pháp của hàm jQuery html() để đặt nội dung bằng cách gọi hàm –

$( "selector" ).html( function( index, currcontent ) );

Thông số -

nội dung – Đây không phải là tham số tùy chọn. Nó chỉ định nội dung mới để thay thế nội dung cũ của InternalHTML. Nội dung cam cũng có các thẻ HTML

function( index, currcontent ) – Đây là một tham số tùy chọn chỉ định chức năng trả về nội dung mới để thay thế nội dung cũ của InternalHTML. Tham số chỉ mục biểu thị vị trí chỉ mục của một phần tử trong tập hợp các phần tử phù hợp và tham số currcontent biểu thị nội dung HTML hiện tại của phần tử được chọn

Hoạt động của hàm jQuery html() để thay thế innerHTML –

Hàm jQuery html() dùng để thay thế InternalHTML, hàm nhận nội dung mới để thay thế. Giả sử chúng ta có một phần tử div trong trang HTML chứa một số nội dung văn bản, bây giờ chúng ta cần thay thế nó bằng một số nội dung khác. Vì vậy, chúng ta có thể sử dụng thuộc tính innerHTML là “$( “#divide” ). html("Nội dung mới" );". Vì vậy, nó thay thế div nội dung cũ bằng nội dung mới, chúng ta có thể thấy trong các ví dụ dưới đây

Ví dụ về hàm jQuery html() để thay thế InternalHTML

Dưới đây là các ví dụ sau được đề cập dưới đây

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ọc

600+ 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.712 xếp hạng)

Ví dụ 1

Ví dụ về jQuery thay thế innerHTML để thêm hộp nhận xét –

Mã số

 This an example of jQuery html() function to replace innerHTML  : 


Name :      

Password :      

Select Department : 
 Production 
 Marketing 
 Research and Development 
 Human Resource Management  

 


 Click to get the additional details box in the form.  

Một đầu ra của đoạn mã trên là -

Khi chúng tôi nhấp vào nội dung văn bản p, đầu ra là –

Trong đoạn mã trên, nội dung phần tử biểu mẫu là Tên, mật khẩu, bộ phận và gửi. Tiếp theo, khi nhấp vào nút cuối cùng, nó sẽ hiển thị hoặc thêm hộp chi tiết bổ sung bằng cách thay thế nội dung div thành "tài liệu. getElementById( "bổ sung"). innerHTML=data;”, trong đó dữ liệu là hộp vùng dành cho hộp chi tiết bổ sung. Vì vậy, nó hiển thị nội dung mới, như chúng ta có thể thấy trong đầu ra ở trên

Ví dụ #2

Ví dụ để thay thế div bằng hộp gợi ý –

Mã số

 This an example of jQuery html() function to replace innerHTML  : 
 Here will add the Suggestion box. 
 Click to replace the above content and add the Suggestion box.  

Một đầu ra của đoạn mã trên là -

Khi chúng tôi nhấp vào nút, đầu ra là -

Trong đoạn mã trên, phần tử lặn có nội dung. Tiếp theo, khi nhấp vào nút cuối cùng, nó sẽ hiển thị biểu mẫu đề xuất bằng cách thay thế nội dung div thành "tài liệu. getElementById("Đề xuất"). innerHTML = Sugg;”, trong đó Sugg là biểu mẫu chứa nhóm thành phần của biểu mẫu đề xuất. Vì vậy, nó hiển thị nội dung mới, như chúng ta có thể thấy trong đầu ra ở trên

Ví dụ #3

Ví dụ về jQuery thay thế innerHTML để thay thế nội dung nút –

Mã số

 This an example of jQuery html() function to replace innerHTML  : 
 Click below button to replace the button ON to OFF and vice versa.
 ON  

Một đầu ra của đoạn mã trên là -

Khi chúng tôi nhấp vào nút, đầu ra là -

khi chúng ta nhấp lại vào nút, đầu ra là –

Trong đoạn mã trên, phần tử nút có nội dung "BẬT". Tiếp theo khi nhấp vào nút, nó sẽ hiển thị “TẮT” bằng cách thay thế nội dung “BẬT” và ngược lại thành “$( “#btn” ). html("OFF" );", bằng cách sử dụng hàm html(). Vì vậy, nó hiển thị nội dung "BẬT" và "TẮT", như chúng ta có thể thấy trong đầu ra ở trên

Phần kết luận

Thuộc tính jQuery innerHTML và hàm html() được tích hợp sẵn, có thể được sử dụng để thay thế nội dung InternalHTML

Bài viết được đề xuất

Đây là hướng dẫn về jQuery thay thế innerhtml. Ở đây chúng ta thảo luận về các ví dụ cho hàm jQuery html() để thay thế InternalHTML cùng với các kết quả đầu ra. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

InternalHTML có thay thế văn bản không?

Bạn có thể += innerHTML không?

Thuộc tính nào thay thế InternalHTML?

Làm cách nào để thay thế nội dung HTML trong JS?