如何用js控制css伪类after

html-css022

如何用js控制css伪类after,第1张

用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:after{background-color:red}')

}

元素.style.属性="值"

例如:

<script>

var obj=document.getElementById("item2")

obj.style.color="#ff0000"

</script>