Как применить стили к children через event на чистом JS

Question

document.addEventListener('click', function (event) {
  event.preventDefault()
  console.log(event.target.children.style.pointerEvents = "none")
})

Answer 1

Один из вариантов как это можно реализовать:

document.addEventListener("click", event => {
  event.preventDefault()
  const children = event.target.parentNode.children
  if (children) {
    Array.from(children).forEach(child => {
      child.style.color = "red"
    })    
  }
})

<div>
  <p>DIV 1 - Line 1</p>
  <p>DIV 1 - Line 2</p>
</div>

<div>
  <p>DIV 2 - Line 1</p>
  <p>DIV 2 - Line 2</p>
</div>

БЛОГ НА HUSL

Как применить стили к children через event на чистом JS

Ответы (1 шт):