Để nối thêm bằng thuộc tính InternalHTML, trước tiên hãy chọn phần tử [div] nơi bạn muốn nối thêm mã. Sau đó, thêm mã được đính kèm dưới dạng chuỗi bằng toán tử += trên InternalHTML.
cú pháp
element.innerHTML += "additional HTML code"
hoặc
element.innerHTML = element.innerHTML + "additional HTML code"
Thí dụ.
html
element.innerHTML = element.innerHTML + "additional HTML code"7
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"9____90
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"5
element.innerHTML = element.innerHTML + "additional HTML code"6
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____13
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"03
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"06
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"08
element.innerHTML = element.innerHTML + "additional HTML code"09
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"71
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"75
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"77
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____103
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"89
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"93
element.innerHTML = element.innerHTML + "additional HTML code"94
element.innerHTML = element.innerHTML + "additional HTML code"95
element.innerHTML = element.innerHTML + "additional HTML code"96
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"8______900
element.innerHTML = element.innerHTML + "additional HTML code"01
element.innerHTML = element.innerHTML + "additional HTML code"00
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"06
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"08
element.innerHTML = element.innerHTML + "additional HTML code"09
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"06
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____893
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"81
element.innerHTML = element.innerHTML + "additional HTML code"82
element.innerHTML = element.innerHTML + "additional HTML code"95
element.innerHTML = element.innerHTML + "additional HTML code"84
element.innerHTML = element.innerHTML + "additional HTML code"85
element.innerHTML = element.innerHTML + "additional HTML code"81
element.innerHTML = element.innerHTML + "additional HTML code"0
_______11____88____930
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"33
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"35
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"37______938
element.innerHTML = element.innerHTML + "additional HTML code"39
element.innerHTML = element.innerHTML + "additional HTML code"38
element.innerHTML = element.innerHTML + "additional HTML code"01
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____930
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"89____90
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"9____90
đầu ra
Ghi chú. Phương pháp này về cơ bản sẽ phá hủy tất cả nội dung của div và tạo lại nó. Vì vậy, nếu bạn có bất kỳ trình nghe nào được gắn vào các nút con của div đó, chúng sẽ bị mất
Sử dụng phương thức insertAdjacentHTML[]
Mã HTML có thể được thêm vào div bằng cách sử dụng phương thức insertAdjacentHTML[]. Tuy nhiên, bạn cần chọn một phần tử bên trong div để thêm mã. Phương thức này nhận hai tham số
- Vị trí [trong tài liệu] mà bạn muốn chèn mã ['afterbegin', 'beforebegin', 'afterend', 'beforeend']
- Mã HTML bạn muốn chèn kèm theo dấu ngoặc kép
cú pháp
element.innerHTML = element.innerHTML + "additional HTML code"0
HTML
element.innerHTML = element.innerHTML + "additional HTML code"7
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"9____90
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"5
element.innerHTML = element.innerHTML + "additional HTML code"28
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____13
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"03
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"06
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"08
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"71
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"1____875
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"48
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____103
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"3
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"89
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"93
element.innerHTML = element.innerHTML + "additional HTML code"94
element.innerHTML = element.innerHTML + "additional HTML code"95
element.innerHTML = element.innerHTML + "additional HTML code"96
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"8______900
element.innerHTML = element.innerHTML + "additional HTML code"01
element.innerHTML = element.innerHTML + "additional HTML code"00
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"06
element.innerHTML = element.innerHTML + "additional HTML code"94
element.innerHTML = element.innerHTML + "additional HTML code"95
element.innerHTML = element.innerHTML + "additional HTML code"80
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"83____906
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____893
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"81
element.innerHTML = element.innerHTML + "additional HTML code"82
element.innerHTML = element.innerHTML + "additional HTML code"95
element.innerHTML = element.innerHTML + "additional HTML code"84
element.innerHTML = element.innerHTML + "additional HTML code"85
element.innerHTML = element.innerHTML + "additional HTML code"81
element.innerHTML = element.innerHTML + "additional HTML code"0
_______11____88____930
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"33
element.innerHTML = element.innerHTML + "additional HTML code"07
element.innerHTML = element.innerHTML + "additional HTML code"007
element.innerHTML = element.innerHTML + "additional HTML code"008
element.innerHTML = element.innerHTML + "additional HTML code"37
element.innerHTML = element.innerHTML + "additional HTML code"38
element.innerHTML = element.innerHTML + "additional HTML code"39
element.innerHTML = element.innerHTML + "additional HTML code"38
element.innerHTML = element.innerHTML + "additional HTML code"013
element.innerHTML = element.innerHTML + "additional HTML code"05
element.innerHTML = element.innerHTML + "additional HTML code"73
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8____930
element.innerHTML = element.innerHTML + "additional HTML code"0
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"89____90
element.innerHTML = element.innerHTML + "additional HTML code"1
element.innerHTML = element.innerHTML + "additional HTML code"8
element.innerHTML = element.innerHTML + "additional HTML code"9____90
ĐẦU RA
Ghi chú. Bạn không bao giờ nên chèn mã HTML theo cách này nếu bạn lấy nó làm đầu vào từ người dùng. Nó mở trang web của bạn đến lỗ hổng cross-site scripting
JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này