如何通过使用纯javascript下面的事件对象来获得上述元素

How to get the above element by using the event object that is under it using pure javascript

本文关键字：对象 元素 事件 何通过 javascript      更新时间：2023-09-26

场景如下，现在它改变了"Test" text的颜色:

<div class="item">
    <div class="number">4</div>
    <a onclick="ChangeColor(this)">Test</a>
</div>
<script>
    function ChangeColor(e) {
       e.style.color = '#85BD49';
    }
</script>

演示

我想做的是改变背景色和div编号类的文本颜色。

如何通过使用事件对象来做到这一点?我不是在寻找一个解决方案与jQuery或其他方式。

任何类型的提示或帮助是赞赏我已经尝试过parentNode和offsetNode，但它不工作

使用parentNode是正确的，但是您需要获得正确的子元素。

e.parentNode.children[0].style.backgroundColor = 'red';将工作，假设.number是父链接的第一个子链接。

你也可以这样做:

e.parentNode.querySelector(".number").style.backgroundColor = 'red';
相关文章：