A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© nigori 中级黑马   /  2019-4-26 16:46  /  1031 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

[AppleScript] 纯文本查看 复制代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>点我,我就变颜色</li>
    <li>点我,我就变颜色</li>
    <li>点我,我就变颜色</li>
    <li>点我,我就变颜色</li>
</ul>
<script>

    // 事件委托原理 给父节点 添加侦听器  利用事件冒泡原理 来影响子节点
    // 事件委托 只对DOM 操作一次  效率更高

    var ul = document.querySelector('ul');
    ul.addEventListener('click', function (e) {
        e.target.style.backgroundColor = 'pink'; // e.target 获得所点击的子节点
    })

</script>

</body>
</html>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马