要将类添加到div,无论是单击外部div还是内部div,可以使用事件委托来实现。
事件委托是利用事件冒泡原理,将事件绑定到父级元素上,通过判断事件源来触发相应的操作。
以下是实现的步骤:
以下是示例代码:
HTML部分:
<div id="outerDiv">
<div id="targetDiv">点击我</div>
</div>
JavaScript部分:
var outerDiv = document.getElementById('outerDiv');
outerDiv.addEventListener('click', function(event) {
if (event.target.id === 'targetDiv' || event.target.parentNode.id === 'targetDiv') {
event.target.classList.add('yourClass');
}
});
解释说明:
这样无论是单击外部div还是内部div,都会给目标div添加类。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云