Commit 8a62ef3
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,21 +1,8 @@ | |||
| 1 | 1 | const bookList = document.querySelector('#book-list'); | |
| 2 | 2 | ||
| 3 | - console.log('book list parent element:', bookList.parentElement); | ||
| 4 | - console.log('book list parent node:', bookList.parentNode); | ||
| 3 | + console.log('#book-list next sibling:', bookList.nextSibling); | ||
| 4 | + console.log('#book-list next element sibling:', bookList.nextElementSibling); | ||
| 5 | + console.log('#book-list previous sibling:', bookList.previousSibling); | ||
| 6 | + console.log('#book-list previous element sibling:', bookList.previousElementSibling); | ||
| 5 | 7 | ||
| 6 | - console.log('all node children:'); | ||
| 7 | - Array.from(bookList.childNodes).forEach(function(node){ | ||
| 8 | - console.log(node); | ||
| 9 | - }); | ||
| 10 | - | ||
| 11 | - console.log('all element children:'); | ||
| 12 | - Array.from(bookList.children).forEach(function(node){ | ||
| 13 | - console.log(node); | ||
| 14 | - }); | ||
| 15 | - | ||
| 16 | - const titles = bookList.querySelectorAll('.name'); | ||
| 17 | - | ||
| 18 | - console.log('Book titles:'); | ||
| 19 | - Array.from(titles).forEach(function(title){ | ||
| 20 | - console.log(title.textContent); | ||
| 21 | - }); | ||
| 8 | + bookList.previousElementSibling.querySelector('p').innerHTML += '<br />Too cool for everyone else!'; | ||
0 commit comments