File tree Expand file tree Collapse file tree 1 file changed +5
-18
lines changed
Expand file tree Collapse file tree 1 file changed +5
-18
lines changed Original file line number Diff line number Diff line change 11const bookList = document . querySelector ( '#book-list' ) ;
22
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 ) ;
57
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!' ;
You can’t perform that action at this time.
0 commit comments