当前位置:首页>开发>正文

如何通过js给某个元素设置样式

2023-12-28 14:42:17 互联网 未知 开发

如何通过js给某个元素设置样式?

如何通过js给某个元素设置样式

事件委托,原生js;


伪代码:

点击ul后清空ul下所有li的类名(使其所有元素不可见);

获取被点击的dom节点li(

event.target

);

改变被点击的元素类名(使其可见);


解释:

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

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

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

(清除其他类名可用jquery的类选择器以及jquery的removeClass函数);

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