Front-End/javascript/Modern Javascript/chapter05/parents_children_siblings.js

19 lines
570 B
JavaScript

const article = document.querySelector("article")
// console.log(article.children)
// console.log(Array.from(article.children))
// console.log(article.article)
// Array.from(article.children).forEach(function (child) {
// child.classList.add("article-element")
// })
const title = document.querySelector("h2")
console.log(title.parentElement)
console.log(title.parentElement.parentElement)
console.log(title.nextElementSibling)
console.log(title.previousElementSibling)
// chanining
console.log(title.nextElementSibling.parentElement.children)