JavaScript-DOM-Tutorial/app.js at lesson-7 · SegaManX/JavaScript-DOM-Tutorial · GitHub

Repository navigation

21 lines (16 loc) · 581 Bytes

const bookList = document.querySelector('#book-list');

console.log('book list parent element:', bookList.parentElement);

console.log('book list parent node:', bookList.parentNode);

console.log('all node children:');

Array.from(bookList.childNodes).forEach(function(node){

console.log(node);

});

console.log('all element children:');

Array.from(bookList.children).forEach(function(node){

console.log(node);

});

const titles = bookList.querySelectorAll('.name');

console.log('Book titles:');

Array.from(titles).forEach(function(title){

console.log(title.textContent);

});