ví dụ 1. Ví dụ này cho thấy cách thay đổi nội dung của thẻ đoạn văn bằng cách sử dụng thuộc tính InternalHTML.
HTML
Object.innerHTML = value1
Object.innerHTML = value2____23
Object.innerHTML = value4
Object.innerHTML = value2_______26
Object.innerHTML = value7____28
Object.innerHTML = value0
Object.innerHTML = value4
Object.innerHTML = value2______22
Object.innerHTML = value4
Object.innerHTML = value7
Object.innerHTML = value8
Object.innerHTML = value7
Object.innerHTML = value4
Object.innerHTML = value9
Object.innerHTML = value10
Object.innerHTML = value2______212
Object.innerHTML = value4
Object.innerHTML = value4
Object.innerHTML = value2______22____217
Object.innerHTML = value4
Object.innerHTML = value9
Object.innerHTML = value20
Object.innerHTML = value2______212
Object.innerHTML = value17
Object.innerHTML = value4
Object.innerHTML = value2______22____227
Object.innerHTML = value28
Object.innerHTML = value8
Object.innerHTML = value30
Object.innerHTML = value31
Object.innerHTML = value27
Object.innerHTML = value4
Object.innerHTML = value2______22____236
Object.innerHTML = value37
Object.innerHTML = value8
Object.innerHTML = value39
Object.innerHTML = value40
Object.innerHTML = value36
Object.innerHTML = value4
Object.innerHTML = value2____22____245
Object.innerHTML = value4
Object.innerHTML = value2____248
Object.innerHTML = value9
Object.innerHTML = value20
_______09____222
Object.innerHTML = value2____224
Object.innerHTML = value2____212
Object.innerHTML = value45
Object.innerHTML = value4
Object.innerHTML = value12
Object.innerHTML = value6
Object.innerHTML = value4
Object.innerHTML = value12
Object.innerHTML = value3
Object.innerHTML = value4
đầu ra
thuộc tính bên trongHTML
ví dụ 2. Ví dụ này cho thấy cách lấy giá trị của thẻ đoạn bằng thuộc tính InternalHTML
Đây là hướng dẫn về Javascript Innerhtml. Ở đây chúng tôi thảo luận về cách InternalHTML hoạt động trong JavaScript cùng với các ví dụ và 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 –Ví dụ này sử dụng thuộc tính innerHTML để thay đổi văn bản của đoạn văn khi xảy ra sự kiện onmouseover. Văn bản bị ảnh hưởng và bất kỳ thẻ nào trong đó được thay đổi bởi các sự kiện onmouseover và onmouseout
Object.innerHTML = value8
Xem ví dụ trực tiếp
Ví dụ này sử dụng thuộc tính InternalHTML để chèn tập lệnh vào trang
Object.innerHTML = value9
Xem ví dụ trực tiếp
Ví dụ sau minh họa cách chuyển đổi nguồn HTML thành văn bản bằng cách sử dụng phần tử div tạm thời và createTextNode. Sau khi HTML được làm sạch, nó có thể được chèn vào tài liệu một cách an toàn bằng cách sử dụng InternalHTML
Object.innerHTML = value0
Xem ví dụ trực tiếp
ghi chú
Nhận xét
Thuộc tính innerHTML hợp lệ cho cả phần tử khối và nội tuyến. Theo định nghĩa, các phần tử không có cả thẻ mở và thẻ đóng không thể có thuộc tính InternalHTML. Thuộc tính InternalHTML lấy một chuỗi chỉ định sự kết hợp hợp lệ giữa văn bản và các phần tử. Khi thuộc tính innerHTML được đặt, chuỗi đã cho sẽ thay thế hoàn toàn nội dung hiện có của đối tượng. Nếu chuỗi chứa thẻ HTML, chuỗi sẽ được phân tích cú pháp và định dạng khi được đặt vào tài liệu. Thuộc tính này có thể truy cập được trong thời gian chạy khi tài liệu đang được phân tích cú pháp; . Khi sử dụng InternalHTML để chèn tập lệnh, bạn phải bao gồm thuộc tính DEFER trong phần tử tập lệnh. Thuộc tính innerHTML chỉ đọc trên các đối tượng col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title và tr. Bạn có thể thay đổi giá trị của phần tử tiêu đề bằng Tài liệu. tài sản tiêu đề. Để thay đổi nội dung của các phần tử bảng, tFoot, tHead và tr, hãy sử dụng mô hình đối tượng bảng được mô tả trong Building Tables Dynamically. Tuy nhiên, để thay đổi nội dung của một ô cụ thể, bạn có thể sử dụng InternalHTML
**Cảnh báo an ninh. ** Việc xử lý thuộc tính InternalHTML không đúng cách có thể kích hoạt các cuộc tấn công chèn tập lệnh. Khi chấp nhận văn bản từ một nguồn không đáng tin cậy [chẳng hạn như chuỗi truy vấn của URL], hãy sử dụng createTextNode để chuyển đổi HTML thành văn bản và nối phần tử vào tài liệu bằng cách sử dụng appendChild. Tham khảo phần Ví dụ bên dưới để biết thêm thông tin. Để duy trì khả năng tương thích với các phiên bản trước của Windows Internet Explorer, thuộc tính này áp dụng cho đối tượng textArea. Tuy nhiên, thuộc tính chỉ hoạt động với các chuỗi không chứa thẻ. Với một chuỗi chứa thẻ, thuộc tính này trả về lỗi. Tốt hơn là sử dụng thuộc tính InternalText với đối tượng này