如何使用 DOM 获取元素

Question

我想在点击复选框时获取相应hello的引用。请帮我指导一下该怎么做

我已经尝试过，当复选框更改时，将调用传递函数。但不知道如何获取 hello 的引用，以便在复选框更改时我可以应用样式。

Answer 1

尝试：

function eventHandler(event) {
   const target = event.target.closest('input');

   if (target === null) {
     return;
   }

   const p = target.closest('li').querySelector('p');
   // Here is your element <p>
}

const ul = document.querySelector('ul');

ul.addEventListener('click', eventHandler);