javascript获取伪对象before和after定义的内容
分类:实例代码
关于上述两个伪对象选择器的基本用法可以参阅以下两篇文章:
(1).::before选择器可以参阅CSS E:before/E::before一章节。
(2).::after选择器可以参阅CSS E:after/E::after一章节。
下面就通过代码实例介绍一下如何,获取使用伪类选择器定义的相关属性值。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> #antzone:before { content: "前端教程网"; color: green; } </style> <script> window.onload = function () { var odiv=document.getElementById("antzone"); var oshow=document.getElementById("show"); var color=getComputedStyle(document.querySelector("#antzone"),":before").getPropertyValue('color') oshow.innerHTML=color; } </script> </head> <body> <div id="show"></div> <div id="antzone"></div> </body> </html>