getElementsByTagName() – chọn các phần tử theo tên thẻ
getElementsByClassName() – chọn các phần tử theo một hoặc nhiều tên lớp
querySelector() – chọn các phần tử bằng bộ chọn CSS
Phần 3. các yếu tố đi ngang
Lấy phần tử cha – lấy nút cha của một phần tử
Nhận các phần tử con – lấy các phần tử con của một phần tử
Lấy anh chị em của một phần tử – get anh chị em của một phần tử
phần 4. Thao tác các yếu tố
createElement() – tạo một phần tử mới
appendChild() – nối một nút vào danh sách các nút con của một nút cha đã chỉ định
textContent – lấy và thiết lập nội dung văn bản của một nút
innerHTML – lấy và đặt nội dung HTML của một phần tử
bên trongHTML so với. createElement – giải thích sự khác biệt giữa InternalHTML và createElement khi tạo các phần tử mới
DocumentFragment – tìm hiểu cách soạn các nút DOM và chèn chúng vào cây DOM đang hoạt động
after() – chèn một nút sau một phần tử
append() – chèn một nút sau nút con cuối cùng của nút cha
prepend() – chèn một nút trước nút con đầu tiên của nút cha
insertAdjacentHTML() – phân tích văn bản dưới dạng HTML và chèn các nút kết quả vào tài liệu tại một vị trí đã chỉ định
replaceChild() – thay thế phần tử con bằng phần tử mới
cloneNode() – sao chép một phần tử và tất cả các phần tử con của nó
removeChild() – loại bỏ các phần tử con của một nút
insertB Before () – chèn một nút mới trước một nút hiện có làm nút con của nút cha được chỉ định
hàm trợ giúp insertafter() – chèn một nút mới sau một nút hiện có làm nút con của một nút cha được chỉ định
Phần 5. Làm việc với các thuộc tính
Thuộc tính HTML & Thuộc tính của đối tượng DOM – hiểu mối quan hệ giữa các thuộc tính HTML & thuộc tính của đối tượng DOM
setAttribute() – đặt giá trị của một thuộc tính được chỉ định trên một phần tử
getAttribute() – lấy giá trị của một thuộc tính trên một phần tử
removeAttribute() – xóa thuộc tính khỏi phần tử đã chỉ định
hasAttribute() – kiểm tra xem một phần tử có thuộc tính được chỉ định hay không
Phần 6. Thao tác kiểu của phần tử
thuộc tính style – nhận hoặc đặt kiểu nội tuyến của một phần tử
getComputedStyle() – trả về kiểu tính toán của một phần tử
thuộc tính className – trả về danh sách các lớp CSS được phân tách bằng dấu cách
thuộc tính classList – thao tác các lớp CSS của một phần tử
Chiều rộng và chiều cao của phần tử – lấy chiều rộng và chiều cao của phần tử
Phần 7. Làm việc với Sự kiện
Sự kiện JavaScript – giới thiệu cho bạn các sự kiện JavaScript, mô hình sự kiện và cách xử lý sự kiện
Xử lý sự kiện – chỉ cho bạn ba cách để xử lý sự kiện trong JavaScript
Sự kiện tải trang – tìm hiểu về sự kiện tải và hủy tải trang
sự kiện tải – hướng dẫn bạn các bước xử lý sự kiện tải bắt nguồn từ các phần tử tài liệu, hình ảnh và tập lệnh
DOMContentLoaded – tìm hiểu cách sử dụng đúng sự kiện DOMContentLoaded
beforeunload event – hướng dẫn bạn cách hiển thị hộp thoại xác nhận trước khi người dùng rời khỏi trang
sự kiện hủy tải – chỉ cho bạn cách xử lý sự kiện dỡ tải kích hoạt khi trang được tải xuống hoàn toàn
Sự kiện chuột – cách xử lý sự kiện chuột
Sự kiện bàn phím – cách xử lý sự kiện bàn phím
Sự kiện cuộn – cách xử lý sự kiện cuộn hiệu quả
scrollIntoView – tìm hiểu cách cuộn một phần tử vào chế độ xem
Sự kiện tiêu điểm – bao gồm các sự kiện tiêu điểm
sự kiện haschange – tìm hiểu cách xử lý sự kiện khi hàm băm URL thay đổi
Ủy quyền sự kiện – là một kỹ thuật tận dụng bong bóng sự kiện để xử lý các sự kiện ở cấp độ cao hơn trong DOM so với phần tử mà sự kiện bắt nguồn
công văn sự kiện – tìm hiểu cách tạo sự kiện từ mã và kích hoạt nó
Sự kiện tùy chỉnh – xác định sự kiện JavaScript tùy chỉnh và đính kèm nó vào một phần tử
MutationObserver – theo dõi các thay đổi của DOM và gọi lại một cuộc gọi lại khi các thay đổi xảy ra
Mục 8. Viết kịch bản biểu mẫu web
Biểu mẫu JavaScript – tìm hiểu cách xử lý sự kiện submit của biểu mẫu và thực hiện xác thực đơn giản cho biểu mẫu web
Radio Button – chỉ cho bạn cách viết JavaScript cho các nút radio
Checkbox – hướng dẫn bạn cách thao tác với checkbox trong JavaScript
Hộp chọn – tìm hiểu cách xử lý hộp chọn và tùy chọn của nó trong JavaScript
Thêm/Xóa Tùy chọn – chỉ cho bạn cách tự động thêm tùy chọn vào và xóa tùy chọn khỏi hộp chọn
Removing Items from
Xử lý sự kiện thay đổi – tìm hiểu cách xử lý sự kiện thay đổi của văn bản đầu vào, nút radio, hộp kiểm và các thành phần được chọn
Xử lý sự kiện đầu vào – xử lý sự kiện đầu vào khi giá trị của phần tử đầu vào thay đổi
Dự án JavaScript DOM
Chuyển đổi chế độ hiển thị mật khẩu
Tìm hiểu cách chuyển đổi chế độ hiển thị của mật khẩu
Máy đếm từ
Hướng dẫn từng bước cho bạn cách phát triển ứng dụng Bộ đếm từ
Tìm kiếm trên Wikipedia
Xây dựng ứng dụng Tìm kiếm Wikipedia từ đầu
Xác thực biểu mẫu
Chỉ cho bạn cách triển khai Xác thực biểu mẫu bằng JavaScript
Đồng hồ đếm ngược
Tạo đồng hồ đếm ngược có thể tái sử dụng và sử dụng nó để xây dựng bộ đếm ngược cho Năm mới
cuộn vô hạn
Triển khai nội dung cuộn vô hạn bằng JavaScript
Hướng dẫn này có hữu ích không?
CóKhông
DOM trong JavaScript là gì?
"Mô hình Đối tượng Tài liệu W3C (DOM) là một nền tảng và giao diện ngôn ngữ trung lập cho phép các chương trình và tập lệnh truy cập động và cập nhật nội dung, cấu trúc và kiểu của một . "."
DOM là viết tắt của từ gì?
Giới thiệu. Mô hình đối tượng tài liệu (DOM) là một giao diện lập trình ứng dụng (API) cho các tài liệu HTML và XML. Nó xác định cấu trúc logic của tài liệu và cách tài liệu được truy cập và thao tác.
Lợi ích của DOM trong JavaScript là gì?
Ưu điểm. Bằng cách thao tác với DOM, bạn có khả năng vô hạn . Bạn có thể tạo các ứng dụng cập nhật dữ liệu của trang mà không cần làm mới. Ngoài ra, bạn có thể tạo các ứng dụng mà người dùng có thể tùy chỉnh và sau đó thay đổi bố cục của trang mà không cần làm mới.
Làm cách nào để có được DOM trong JavaScript?
Truy cập một phần tử DOM bằng ID. JavaScript có thể tìm thấy các phần tử HTML trong DOM dựa trên "id" của phần tử. Đối tượng tài liệu cung cấp phương thức "getElementById()" để hoàn thành tác vụ này