位置: 编程技术 - 正文

JavaScript实现修改伪类样式(js修改值)

编辑：rootadmin

推荐整理分享JavaScript实现修改伪类样式(js修改值)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js修饰器,javascriptz,js修改ua,js修改内容代码,javascript编写,js修改内容代码,javascript编写,js修改内容代码,内容如对您有帮助，希望把文章链接给更多的朋友！

项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。

HTML

<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.</p>

CSS

方法一

使用JavaScript或者jQuery切换<p>元素的类名，修改样式。

方法二

在已存在的<style>中动态插入新样式。

方法三

创建一份新的样式表，并使用JavaScript或jQuery将其插入到<head>中

jQuery

方法四

使用HTML5的data-属性，在属性中使用attr()动态修改。

本文链接地址:https://www.jiuchutong.com/biancheng/369881.html 转载请保留说明！