Thành phần. insertAdjacentHTML[]
sử dụng toàn cầu
99. 66% + 0. 15% = 99. 81%
Chèn một chuỗi HTML vào một vị trí được chỉ định trong DOM tương ứng với phần tử đã cho
Trình duyệt Chrome
- 4 - 107 . Được hỗ trợ
- 108 . Được hỗ trợ
- 109 - 111 . Được hỗ trợ
Bờ rìa
- 12 - 107 . Được hỗ trợ
- 108 . Được hỗ trợ
Cuộc đi săn
- 3. 1 - 3. 2 . Không được hỗ trợ
- 4 - 16. 1 . Được hỗ trợ
- 16. 2 . Được hỗ trợ
- 16. 3 - ĐẾN . Được hỗ trợ
firefox
- 2 - 7 . Không được hỗ trợ
- 8 - 106 . Được hỗ trợ
- 107 . Được hỗ trợ
- 108 - 109 . Được hỗ trợ
Ô-pê-ra
- 9 - 9. 6 . Hỗ trợ không xác định
- 10 - 91 . Được hỗ trợ
- 92 . Được hỗ trợ
I E
- 5. 5 . Hỗ trợ không xác định
- 6 - 9 . Hỗ trợ một phần
- 10 . Được hỗ trợ
- 11 . Được hỗ trợ
Chrome dành cho Android
- 108 . Được hỗ trợ
Safari trên iOS
- 3. 2 . Hỗ trợ không xác định
- 4 - 16. 1 . Được hỗ trợ
- 16. 2 . Được hỗ trợ
- 16. 3 . Được hỗ trợ
Internet Samsung
- 4 - 18. 0 . Được hỗ trợ
- 19. 0 . Được hỗ trợ
Opera Mini
- tất cả . Được hỗ trợ
Opera di động
- 10 - 12. 1 . Được hỗ trợ
- 72 . Được hỗ trợ
Trình duyệt UC cho Android
- 13. 4 . Được hỗ trợ
Trình duyệt Android
- 2. 1 - 2. 2 . Hỗ trợ không xác định
- 2. 3 - 4. 4. 4 . Được hỗ trợ
- 108 . Được hỗ trợ
Firefox dành cho Android
- 107 . Được hỗ trợ
Trình duyệt QQ
- 13. 1 . Được hỗ trợ
Trình duyệt Baidu
- 13. 18 . Được hỗ trợ
Trình duyệt KaiOS
- 2. 5 . Được hỗ trợ
Phương thức
9 của giao diệnfoo
0 phân tích cú pháp văn bản đã chỉ định dưới dạng HTML hoặc XML và chèn các nút kết quả vào cây DOM tại một vị trí đã chỉ định. Nó không phân tích lại phần tử mà nó đang được sử dụng và do đó nó không làm hỏng các phần tử hiện có bên trong phần tử đó. Điều này tránh được thêm bước lập số sê-ri, làm cho nó nhanh hơn nhiều so với thao tác trực tiếp trênfoo
1foo
cú pháp
element.insertAdjacentHTML[position, text];
Thông số
2Afoo
3 đại diện cho vị trí so vớifoo
4;foo
5. Trước chínhfoo
4foo
1. Ngay bên trongfoo
4, trước đứa con đầu lòng của nófoo
3. Ngay bên trongfoo
4, sau đứa con cuối cùng của nófoo
5. Sau chínhfoo
4foo
7Chuỗi sẽ được phân tích dưới dạng HTML hoặc XML và được chèn vào câyfoo
Trực quan hóa tên vị trí
foo
Ghi chú. Các vị trí
8 vàfoo
9 chỉ hoạt động nếu nút nằm trong cây DOM và có phần tử chafoo
Ví dụ
________số 8ghi chú
Cân nhắc về Bảo mật
Khi chèn HTML vào một trang bằng cách sử dụng
9, hãy cẩn thận không sử dụng đầu vào của người dùng chưa được thoátfoo
Bạn không nên sử dụng
9 khi chèn văn bản thuần túy; . Điều này không diễn giải nội dung đã truyền dưới dạng HTML mà thay vào đó chèn nội dung đó dưới dạng văn bản thôfoo
Sự chỉ rõ
Thông số trạng tháiNhận xét Dự thảo làm việcTính tương thích của trình duyệt web
Bảng tương thích trên trang này được tạo từ dữ liệu có cấu trúc. Nếu bạn muốn đóng góp cho dữ liệu, vui lòng xem https. //github. com/mdn/browser-compat-data và gửi yêu cầu kéo cho chúng tôi
Máy tính để bànĐiện thoại di độngChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
//4Chrome Full support 1Edge Full support 18onevar d1 = document.getElementById['one']; d1.insertAdjacentHTML['afterend', 'two']; // At this point, the new structure is: //onetwo
ghi chú
Ghi chú Chức năng này được triển khai trong API//5, nghĩa là các phần tử không phải HTML [như phần tử SVG] không thể sử dụng chức năng này.onevar d1 = document.getElementById['one']; d1.insertAdjacentHTML['afterend', 'two']; // At this point, the new structure is: //onetwo