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
...
Mouse over this text to change it.
...
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
";
ScriptDiv.innerHTML = sHTML + sScript;
}
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
As HTML
As Text
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
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 = value2_______22_______
Object.innerHTML = value4
style
=
Object.innerHTML = value7
>
Object.innerHTML = value9
0Object.innerHTML = value2_______21_______2
Object.innerHTML = value4
>
Object.innerHTML = value2_______22_______
7>
Object.innerHTML = value9
Object.innerHTML = value2_______22__________
Object.innerHTML = value2_______22_______
>
5>
Object.innerHTML = value2
>
8Object.innerHTML = value9
2_______26_______
>
2_______23_______
>
đầ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
InternalHTML trong JavaScript là gì?
Tại sao chúng ta sử dụng InternalHTML?
Làm cách nào để có được InternalHTML bằng JavaScript?
- element with the id menu using the getElementById[] method..
- element using the createElement[] and appendChild[] methods..
- element using the innerHTML property of the
- element..