Tôi có thể sử dụng InternalHTML ở đâu?

Thuộc tính innerHTML là một phần của Mô hình đối tượng tài liệu [DOM] được sử dụng để đặt hoặc trả về nội dung HTML của một phần tử. Trường hợp giá trị trả về đại diện cho nội dung văn bản của phần tử HTML. Nó cho phép mã JavaScript thao tác một trang web đang được hiển thị. Cụ thể hơn, nó đặt hoặc trả về nội dung HTML [HTML bên trong] của một phần tử. Thuộc tính innerHTML được sử dụng rộng rãi để sửa đổi nội dung của trang web vì đây là cách dễ dàng nhất để sửa đổi DOM. Nhưng có một số nhược điểm khi sử dụng InternalHTML trong JavaScript

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 = value

8

Object.innerHTML = value

9

Object.innerHTML = value

0____21

 

Object.innerHTML = value

9

Object.innerHTML = value

3

Object.innerHTML = value

4

Object.innerHTML = value

5

Object.innerHTML = value

0

Object.innerHTML = value

1

Object.innerHTML = value

2______19

Object.innerHTML = value

4

Object.innerHTML = value

4

Object.innerHTML = value

5

Object.innerHTML = value

7

Object.innerHTML = value

1

Object.innerHTML = value

9

Object.innerHTML = value

80

Object.innerHTML = value

2______182____04

Object.innerHTML = value

1

Object.innerHTML = value

2____19

Object.innerHTML = value

87

Object.innerHTML = value

1

Object.innerHTML = value

9

Object.innerHTML = value

90

Object.innerHTML = value

2______182____187

Object.innerHTML = value

1

Object.innerHTML = value

2______19

Object.innerHTML = value

97

Object.innerHTML = value

98

Object.innerHTML = value

5

Object.innerHTML = value

00

Object.innerHTML = value

01

Object.innerHTML = value

97

Object.innerHTML = value

1

 

 

Object.innerHTML = value

2______19

Object.innerHTML = value

06

Object.innerHTML = value

07

Object.innerHTML = value

5

Object.innerHTML = value

09

Object.innerHTML = value

10

Object.innerHTML = value

06

Object.innerHTML = value

1

Object.innerHTML = value

2______19

Object.innerHTML = value

15

Object.innerHTML = value

1

Object.innerHTML = value

2____218

Object.innerHTML = value

9

Object.innerHTML = value

90

Object.innerHTML = value

9

Object.innerHTML = value

92

Object.innerHTML = value

2

Object.innerHTML = value

94

_______02____182____215____21

Object.innerHTML = value

82

Object.innerHTML = value

3____21

 

Object.innerHTML = value

82

Object.innerHTML = value

0____21

đầ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

Khi bạn sử dụng

Object.innerHTML = value

3, bạn có thể thay đổi nội dung của trang mà không cần làm mới trang. Điều này có thể làm cho trang web của bạn cảm thấy nhanh hơn và phản hồi nhanh hơn với đầu vào của người dùng

Thuộc tính

Object.innerHTML = value

3 có thể được sử dụng cùng với

Object.innerHTML = value

5 trong mã JavaScript của bạn để chỉ một phần tử HTML và thay đổi nội dung của nó

Cú pháp

Object.innerHTML = value

3

Bạn có thể sử dụng

Object.innerHTML = value

3 để đặt nội dung như thế này

Trong ví dụ cú pháp này,

Object.innerHTML = value

8 là ID của phần tử HTML và

Object.innerHTML = value

9 là nội dung mới để đi vào phần tử

Cơ bản

Object.innerHTML = value

3 Ví dụ

Đây là một ví dụ cơ bản để chứng minh cách hoạt động của

Object.innerHTML = value

3

Mã này bao gồm hai chức năng và hai nút. Mỗi chức năng hiển thị một thông báo khác nhau và mỗi nút kích hoạt một chức năng khác nhau

Trong các chức năng,

Object.innerHTML = value

5 đề cập đến phần tử HTML bằng cách sử dụng ID của nó. Chúng tôi cung cấp cho phần tử HTML một ID của myText bằng cách sử dụng

Object.innerHTML = value

31

Vì vậy, trong hàm đầu tiên chẳng hạn, bạn có thể thấy rằng

Object.innerHTML = value

32 đang đặt HTML bên trong của phần tử myText thành Xin cảm ơn

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Ví dụ về

Object.innerHTML = value

3 với đầu vào của người dùng

Đây là một ví dụ về việc sử dụng

Object.innerHTML = value

3 với trường văn bản. Ở đây, chúng tôi hiển thị bất cứ thứ gì người dùng đã nhập vào trường nhập liệu

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Đầu vào của người dùng với

Object.innerHTML = value

35

Trong trường hợp như ví dụ trước, chúng tôi có thể không muốn người dùng nhập bất kỳ mã HTML nào. Chúng tôi chỉ muốn họ nhập tên của họ bằng văn bản thuần túy. Khi xuất văn bản thuần túy không có thẻ HTML, thường sử dụng

Object.innerHTML = value

35 thay vì

Object.innerHTML = value

3 sẽ phù hợp hơn

Vì vậy, nếu chúng ta thay thế

Object.innerHTML = value

3 bằng

Object.innerHTML = value

35 thì nó sẽ như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Định dạng bằng

Object.innerHTML = value

5

Object.innerHTML = value

3 và

Object.innerHTML = value

35 chỉ là hai trong số nhiều thuộc tính chúng ta có thể sử dụng để thao tác DOM

Trong ví dụ này, chúng tôi sử dụng

Object.innerHTML = value

5 để phát hiện màu mà người dùng đã chọn. Sau đó, chúng tôi sử dụng lại nó, kết hợp với

Object.innerHTML = value

34 để áp dụng màu mới. Trong cả hai trường hợp, chúng tôi đề cập đến các phần tử HTML theo ID của chúng [sử dụng

Object.innerHTML = value

5. ]

Khi nào tôi có thể sử dụng InternalHTML?

Tại sao không nên sử dụng InternalHTML trong JavaScript?

Tôi nên sử dụng InternalHTML hay InternalText?

Làm cách nào để viết mã HTML trong InternalHTML?