js获取css伪类选择器样式值代码下载

随着浏览器版本的提高，css的伪类选择器的出现频率也越来越高。

下面通过代码实例介绍一下如何获取伪类选择器的值，希望能够给需要的朋友带来帮助。

代码实例:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<style type="text/css">
#test:before{   
  content:'softwhy';   
  color:green;
  text-align:center;
  font-size:12px;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("antzone");
  var oshow=document.getElementById("show");
  var content=window.getComputedStyle(document.querySelector('#test'),':before')   
  .getPropertyValue('content');
  oshow.innerHTML=content;
}
</script>
</head>
<body>
<div id="show"></div>
<div id="test">51前端</div>
</body>
</html>

代码描述：js获取css伪类选择器样式值。js获取css伪类选择器样式值代码下载

下载全部收藏

120 160

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册