JavaScript bên trongHTML
|
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 Show 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 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 Xem ví dụ trực tiếp Ghi chúnhận xétThuộ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 = value0 >Object.innerHTML = value2_______22_______ Object.innerHTML = value4 style=Object.innerHTML = value7 >Object.innerHTML = value9 Object.innerHTML = value2_______21_______2 Object.innerHTML = value4 >Object.innerHTML = value2_______22_______ >Object.innerHTML = value9 <0Object.innerHTML = value2_______21_______2 >Object.innerHTML = value2_______22__________ <7 <8=23_______0html1<7>
Object.innerHTML = value2_______22__________ html6 html7=23_______9>0html6>Object.innerHTML = value2_______22_______ >5>Object.innerHTML = value2 >8Object.innerHTML = value9 <0Object.innerHTML = value9 <2Object.innerHTML = value2_______22_______4 Object.innerHTML = value2_______21_______2 >5>
đầ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ì?InnerHTML thuộc tính Phần tử lấy hoặc đặt mã đánh dấu HTML hoặc XML có trong phần tử . Để chèn HTML vào tài liệu thay vì thay thế nội dung của một phần tử, hãy sử dụng phương thức insertAdjacentHTML().
Tại sao chúng ta sử dụng InternalHTML?Thuộc tính DOM innerHTML được sử dụng để đặt hoặc trả về nội dung HTML của một phần tử .
Làm cách nào để có được InternalHTML bằng JavaScript?Cách thức hoạt động. . First, get the
Second, create a new
Third, get the HTML of the
Tại sao bạn không nên sử dụng InternalHTML trong JavaScript?Có thể ngắt tài liệu . InternalHTML không cung cấp xác thực thích hợp, vì vậy bất kỳ mã HTML hợp lệ nào cũng có thể được sử dụng. Điều này có thể phá vỡ tài liệu của JavaScript. Ngay cả HTML bị hỏng cũng có thể được sử dụng, điều này có thể dẫn đến các sự cố không mong muốn. |
