如何用js控制css伪类after

Posted 2023-04-20

参考技术A 用js控制css伪类after：只能通过添加样式，然后通过这个样式的伪类来控制吧。。没法直接改。
比如：
html:
<p>瓦赫塔 阿热 有 doing</p>
css:
p:after
content:'';
position:absolute;
background-color:green;
width:20px;
height:6px;

js:
var css=function(t,s)
s=document.createElement('style');
s.innerText=t;
document.body.appendChlild(s);

document.onclick=function()
css('p:afterbackground-color:red;');
本回答被提问者采纳

如何用js实现，点击后，改变一个css

方法步骤：

先获取要改变css的元素。

改变这个元素的style属性。

eg:下面是改变div的背景色,改为蓝色。

<style>

divwidth:200px;height:200px;background:#f00;

</style>

<div>改变背景色</div>

<script>

var div = document.getElementsByTagName("div");

div.style.background = "blue";

</script>

参考技术A 有三种方法：直接改变样式、改变className和改变cssText

改变className： document.getElementById('obj').className="…"

改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";

改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″ 参考技术B <style>.color1color:red;.color2color:black;</style>

<script type="text/javascript" src="/jquery-1.9.1.min.js"></script>
<div id="change" class="color1">我现在是红色</div>
<a href="#" onclick="change();"/>点击我会把文字变成黑色</a>

<script>
function change()   
    $("#change").attr("color1","color2");//改变class    

</script>

参考技术C 你只要把超链接鼠标经过属性的颜色改下就可以实现了 参考技术D js改变 class 就ok了