Các trình duyệt phân tích tài liệu HTML và xây dựng các nút dựa trên nội dung của tệp HTML. Tất cả các nút được tạo bởi trình duyệt cho lần tải đầu tiên. Tuy nhiên, có thể tự động chèn các nút mới bằng phương thức
// create div element document.createElement['div']1
// create div element document.createElement['div']2 chấp nhận
// create div element document.createElement['div']3 làm đối số bắt buộc. Một
// create div element document.createElement['div']3 có thể là bất kỳ thẻ hợp lệ nào như
// create div element document.createElement['div']5,
// create div element document.createElement['div']6,
// create div element document.createElement['div']7, v.v. Nếu tên thẻ không được trình duyệt nhận dạng, nó sẽ tạo phần tử kiểu
// create div element document.createElement['div']8
cú pháp
________số 8Hãy xem nó hoạt động như thế nào
Để tạo một phần tử ________ 05,
// create div element document.createElement['div']3 sẽ có giá trị là ________ 05 như sau
// create div element document.createElement['div']
Chúng tôi đã tạo một phần tử tuy nhiên hiện tại nó sẽ không hiển thị trên tài liệu. Để hiển thị phần tử mới được tạo trên trang, chúng ta cần
- nhập một số nội dung trong đó
- nối nó vào nội dung tài liệu hoặc một phần tử hiện có
Để nhập một số nội dung và nối thêm
// create div element document.createElement['div']32 mới trên trang, trước tiên, chúng ta cần lấy tham chiếu của phần tử - hãy gán nó cho biến
// create div element document.createElement['div']33
// create div element document.createElement['div']3
Tiếp theo, chúng tôi tạo một nút văn bản để cung cấp cho nó một số nội dung. Để tạo nút văn bản, chúng tôi sử dụng một phương pháp khác i. e.
// create div element document.createElement['div']34 chấp nhận văn bản làm đối số
// create div element document.createElement['div']7
Để hiển thị văn bản bên trong phần tử
// create div element document.createElement['div']5, chúng ta cần nối nó vào phần tử
// create div element document.createElement['div']5 bằng cách sử dụng phương thức
// create div element document.createElement['div']37 được xác định bên trong giao diện DOM Node
// create div element document.createElement['div']1
Cuối cùng, chúng ta có thể đính kèm phần tử
// create div element document.createElement['div']5 vào phần thân tài liệu để nó hiển thị trên màn hình
// create div element document.createElement['div']3
Việc chèn phần tử động bên trong phần tử hiện có hoạt động rất giống với việc thêm phần tử đó vào phần thân
Hãy bắt đầu với phần đánh dấu sau để chèn phần tử động bên trong phần tử hiện có
// create div element document.createElement['div']4
Tiếp theo, chúng ta sẽ nối thêm một thành phần đoạn văn có nội dung “Giảm giá 50% cho các mặt hàng trên. ”
Hãy tạo phần tử đoạn có văn bản ở trên bên trong nó
// create div element document.createElement['div']5
Bây giờ, chúng ta cần xử lý một phần tử mà chúng ta cần nối thêm phần tử đoạn mới được tạo - Tôi đã cung cấp cho phần tử đích một
// create div element document.createElement['div']39 của
// create div element document.createElement['div']70 để chúng ta có thể dễ dàng truy cập nó. Chúng tôi sẽ sử dụng phương pháp
// create div element document.createElement['div']71 để chọn phần tử mong muốn
// create div element document.createElement['div']9
Vì vậy, khi chúng ta có phần tử cha, chúng ta có thể sử dụng
// create div element document.createElement['div']37 để chèn [các] mục cuối cùng bên trong phần tử đích