如何通过js给某个元素设置样式 – CSS – 前端 css获取之包含一个子元素

事件委托，原生js；

伪代码：

点击ul后清空ul下所有li的类名（使其所有元素不可见）；

获取被点击的dom节点li（event.target）；

改变被点击的元素类名（使其可见）；

解释：

利用addEventListener给最上级元素绑定点击事件；

点击后触发匿名函数，清除除了当前点击的节点外所有的子元素类名

（可使用event.target获取当前被点击的dom节点）

（清除其他类名可用jquery的类选择器以及jquery的removeClass函数）；

给当前点击的元素赋予新的类名，改变样式。