Thẻ HTML có phải là nút không?
Trong quá trình học JavaScript ban đầu của mình, tôi đã bắt gặp hai đối tượng. 'nút' và 'phần tử' gây ra một số nhầm lẫn trong tâm trí tôi. Tôi nghĩ rằng cả hai đối tượng đều giống nhau, trong khi thực tế, hóa ra chúng không giống nhau về mặt kỹ thuật bởi vì có sự khác biệt rõ ràng giữa cả hai. Hãy sắp xếp sự khác biệt giữa các nút và phần tử Show Nút là gì? . Nó có thể là một trong các thành phần DOM tích hợp như chính tài liệu, tài liệu. đầu hoặc tài liệu. thân thể. Một nút có thể là một thẻ HTML được chỉ định trong HTML, chẳng hạn như… Giao diện DOM 3 là một lớp cơ sở trừu tượng dựa trên nhiều đối tượng API DOM khác, do đó cho phép các loại đối tượng đó được sử dụng tương tự và thường thay thế cho nhau. Là một lớp trừu tượng, không có thứ gọi là đối tượng 3 đơn giản. Tất cả các đối tượng triển khai chức năng 3 đều dựa trên một trong các lớp con của nó. Đáng chú ý nhất là 6, 7 và 8Ngoài ra, mọi loại nút DOM được đại diện bởi một giao diện dựa trên 3. Chúng bao gồm 1, 2 (tất cả đều dựa trên 3, 4, 5 và 6) và 7Trong một số trường hợp, một tính năng cụ thể của giao diện 3 cơ sở có thể không áp dụng cho một trong các giao diện con của nó; . Ví dụ: cố gắng thêm con vào loại nút không thể có con sẽ đưa ra một ngoại lệSự kiệnTargetNodeThuộc tính cá thểNgoài các thuộc tính bên dưới, 3 thừa hưởng các thuộc tính từ cha mẹ của nó, 1 2 Chỉ đọcTrả về một chuỗi đại diện cho URL cơ sở của tài liệu chứa 3 4 Chỉ đọcTrả về một 5 trực tiếp chứa tất cả các phần tử con của nút này (bao gồm các phần tử, văn bản và nhận xét). 5 đang hoạt động có nghĩa là nếu con của 3 thay đổi, đối tượng 5 sẽ tự động được cập nhật 9 Chỉ đọcTrả về một 3 đại diện cho nút con trực tiếp đầu tiên của nút hoặc 9 nếu nút không có nút con 62 Chỉ đọcMột giá trị logic cho biết Nút có được kết nối (trực tiếp hoặc gián tiếp) với đối tượng ngữ cảnh hay không, e. g. đối tượng 6 trong trường hợp DOM bình thường hoặc đối tượng 64 trong trường hợp DOM bóng 65 Chỉ đọcTrả về một 3 đại diện cho nút con trực tiếp cuối cùng của nút hoặc 9 nếu nút không có nút con nào 68 Chỉ đọcTrả về một 3 đại diện cho nút tiếp theo trong cây hoặc 9 nếu không có nút đó 31 Chỉ đọcTrả về một chuỗi chứa tên của 3. Cấu trúc của tên sẽ khác với loại nút. e. g. Một 33 sẽ chứa tên của thẻ tương ứng, chẳng hạn như 34 cho một 35, một nút 3 sẽ có chuỗi 37 hoặc một nút 6 sẽ có chuỗi 39Trả về một 31 đại diện cho loại nút. giá trị có thể làNameValue 32 33 34 35 36 37 38 39 30 31 32 33 34 35 36 37 38 39 60Trả về / Đặt giá trị của nút hiện tại 61 Chỉ đọcTrả về 6 mà nút này thuộc về. Nếu bản thân nút là một tài liệu, trả về 9______564 Chỉ đọcTrả về một 3 là cha của nút này. Nếu không có nút nào như vậy, chẳng hạn như nếu nút này là đỉnh của cây hoặc nếu không tham gia vào cây, thì thuộc tính này trả về 9______567 Chỉ đọcTrả về một 7 là cha của nút này. Nếu nút không có cha hoặc nếu cha đó không phải là một 7, thì thuộc tính này trả về 9______571 Chỉ đọcTrả về một 3 đại diện cho nút trước đó trong cây hoặc 9 nếu không có nút đó 74Trả về / Đặt nội dung văn bản của một phần tử và tất cả phần tử con của nó Phương thức sơ thẩmNgoài các phương thức bên dưới, 3 kế thừa các phương thức từ cha của nó, 1 77Thêm đối số 78 được chỉ định làm nút con cuối cùng vào nút hiện tại. Nếu đối số tham chiếu đến một nút hiện có trên cây DOM, thì nút đó sẽ được tách ra khỏi vị trí hiện tại của nó và được gắn vào vị trí mới 79Sao chép một 3, và tùy chọn, tất cả nội dung của nó. Theo mặc định, nó sao chép nội dung của nút 81So sánh vị trí của nút hiện tại với nút khác trong bất kỳ tài liệu nào khác 82Trả về giá trị 83 hoặc 84 cho biết một nút có phải là con cháu của nút đang gọi hay không 85Trả về gốc của đối tượng bối cảnh, tùy chọn bao gồm gốc bóng tối nếu có 86Trả về giá trị boolean cho biết phần tử có bất kỳ nút con nào hay không 87Chèn một 3 trước nút tham chiếu với tư cách là nút con của nút cha được chỉ định 89Chấp nhận URI không gian tên làm đối số và trả về giá trị boolean có giá trị là 83 nếu không gian tên là không gian tên mặc định trên nút đã cho hoặc 84 nếu không 02Trả về một giá trị boolean cho biết hai nút có cùng loại hay không và tất cả các điểm dữ liệu xác định của chúng khớp với nhau 03Trả về một giá trị boolean cho biết hai nút có giống nhau hay không (nghĩa là chúng tham chiếu cùng một đối tượng) 04Trả về một chuỗi chứa tiền tố cho một URI không gian tên đã cho, nếu có và 9 nếu không. Khi có thể có nhiều tiền tố, kết quả phụ thuộc vào việc triển khai 06Chấp nhận một tiền tố và trả về URI không gian tên được liên kết với nó trên nút đã cho nếu tìm thấy (và 9 nếu không). Cung cấp 9 cho tiền tố sẽ trả về không gian tên mặc định 09Dọn sạch tất cả các nút văn bản bên dưới thành phần này (hợp nhất liền kề, xóa trống) 10Xóa một nút con khỏi phần tử hiện tại, phải là nút con của nút hiện tại 11Thay thế một con 3 của con hiện tại bằng con thứ hai đã cho trong tham sốví dụXóa tất cả con được lồng trong một nútHàm này loại bỏ từng phần tử con đầu tiên của một phần tử, cho đến khi không còn phần tử nào 8Sử dụng chức năng này là một cuộc gọi duy nhất. Ở đây chúng tôi làm trống phần thân của tài liệu
Một cách khác có thể là đặt textContent thành chuỗi trống. 13Đệ quy qua các nút conHàm sau gọi đệ quy hàm gọi lại cho mỗi nút được chứa bởi nút gốc (bao gồm cả nút gốc) ________số 8 Hàm gọi đệ quy một hàm cho từng nút con của 14 (bao gồm cả nút gốc)Nếu bỏ qua 15, thay vào đó, hàm trả về một 16, chứa 14 và tất cả các nút có trong đóNếu 15 được cung cấp và nó trả về 84 khi được gọi, mức đệ quy hiện tại bị hủy bỏ và hàm tiếp tục thực thi ở cấp độ cha cuối cùng. Điều này có thể được sử dụng để hủy bỏ các vòng lặp sau khi tìm thấy một nút (chẳng hạn như tìm kiếm một nút văn bản chứa một chuỗi nhất định)Hàm có hai tham số 14Đối tượng 3 có con cháu sẽ được đệ quy thông qua 15 Tùy chọnMột hàm gọi lại tùy chọn nhận một đối số duy nhất là 3. Nếu bị bỏ qua, 24 trả về một 16 của mọi nút có trong 14 (bao gồm cả nút gốc)Phần sau minh họa việc sử dụng hàm 27 trong thế giới thực. tìm kiếm văn bản trên một trang web
Phần tử HTML có phải là nút không?Theo tiêu chuẩn DOM HTML của W3C, mọi thứ trong tài liệu HTML đều là nút. Toàn bộ tài liệu là một nút tài liệu. Mỗi phần tử HTML là một nút phần tử . Văn bản bên trong các phần tử HTML là các nút văn bản.
Nút trong HTML là gì?Trong ngữ cảnh của DOM, một nút là một điểm duy nhất trong cây nút . Nhiều thứ khác nhau là các nút là chính tài liệu, thành phần, văn bản và nhận xét.
A Div là một phần tử hay nút?Phần tử so với nút
. elements are the easiest to understand since they are just HTML elements, such as a div, span, or body tag.
Sự khác biệt giữa nút và phần tử là gì?Vì vậy, tóm lại, nút là bất kỳ đối tượng DOM nào. Một phần tử là một loại nút cụ thể vì có nhiều loại nút khác (nút văn bản, nút nhận xét, nút tài liệu, v.v. ). DOM bao gồm một hệ thống phân cấp các nút trong đó mỗi nút có thể có nút cha, danh sách các nút con và nextSibling và previousSibling. |