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 is an example for jQuery html[] function to replace innerHTML
function disp[]
{
var data="Additional details :
";
document.getElementById[ "additional" ].innerHTML=data;
}
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 is an example for jQuery html[] function to replace innerHTML
var flag=true;
function disp[]
{
var Sugg = " Enter Your Name :
Customer ID :
Enter Suggestion :
";
if[flag]{
document.getElementById[ "Suggestion" ].innerHTML = Sugg;
flag = false;
}
else
{
document.getElementById[ "Suggestion" ].innerHTML = "";
flag = true;
}
}
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 is an example for jQuery html[] function to replace innerHTML
var flag = true;
function disp[]
{
if[flag]{
$[ "#btn" ].html[ "OFF" ];
flag = false;
}
else
{
$[ "#btn" ].html[ "ON" ];
flag = true;
}
}
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 –