minor
This commit is contained in:
parent
3ce2d96948
commit
7d6d4366a3
5 changed files with 34 additions and 28 deletions
|
@ -1,4 +1,6 @@
|
|||
1. Yes, true. The element `elem.lastChild` is always the last one, it has no `nextSibling`, so if there are children, then yes.
|
||||
2. No, wrong, because `elem.children[0]` is the first child among elements. But there may be non-element nodes before it. So `previousSibling` may be a text node.
|
||||
1. Yes, true. The element `elem.lastChild` is always the last one, it has no `nextSibling`.
|
||||
2. No, wrong, because `elem.children[0]` is the first child *among elements*. But there may exist non-element nodes before it. So `previousSibling` may be a text node. Also, if there are no children, then trying to access `elem.children[0]`
|
||||
|
||||
Please note that for both cases if there are no children, then there will be an error. For instance, if `elem.lastChild` is `null`, we can't access `elem.lastChild.nextSibling`.
|
||||
Please note: for both cases if there are no children, then there will be an error.
|
||||
|
||||
If there are no children, `elem.lastChild` is `null`, so we can't access `elem.lastChild.nextSibling`. And the collection `elem.children` is empty (like an empty array `[]`).
|
||||
|
|
|
@ -7,7 +7,7 @@ libs:
|
|||
|
||||
# Walking the DOM
|
||||
|
||||
The DOM allows us to do anything with elements and their contents, but first we need to reach the corresponding DOM object, get it into a variable, and then we are able to modify it.
|
||||
The DOM allows us to do anything with elements and their contents, but first we need to reach the corresponding DOM object.
|
||||
|
||||
All operations on the DOM start with the `document` object. From it we can access any node.
|
||||
|
||||
|
@ -86,7 +86,7 @@ For instance, here `<body>` has children `<div>` and `<ul>` (and few blank text
|
|||
</html>
|
||||
```
|
||||
|
||||
...And if we ask for all descendants of `<body>`, then we get direct children `<div>`, `<ul>` and also more nested elements like `<li>` (being a child of `<ul>`) and `<b>` (being a child of `<li>`) -- the entire subtree.
|
||||
...And all descendants of `<body>` are not only direct children `<div>`, `<ul>` but also more deeply nested elements, such as `<li>` (a child of `<ul>`) and `<b>` (a child of `<li>`) -- the entire subtree.
|
||||
|
||||
**The `childNodes` collection provides access to all child nodes, including text nodes.**
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue