jquery或者js怎么抓取after伪类的内容

Posted 2023-04-20

比如定义了以下CSS，添加伪类after
<style>
.test:after
content:'i am after';
height:20px;

</style>

再写了个DIV
<div class="test" style="height:100px;width:100px;border:1px solid red">hello world</div>

DIV里面显示的内容变成了
hello worldi am after

而$('.test :first').html()显示的依然是hello world，用firebug查看也是helloworld。请问各位大神要怎样才能获取得到对象after里面的东西？包括content height等内容。。

JS获取textarea中的内容 用document.getElementById(v).value 就可以的。

比如：

<textarea id="abc" name="t" cols="72" rows="12">123456</textarea>
<script>
var x=document.getElementById("abc").value;/这个x的值就是获取到的内容
alert(x);
</script>

补充：javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 

参考技术A 这个很明显属于获取css属性 $('.test:after').css('content')追问

可是得到的是undefined哦~不信你试试？

追答

你用2.x版本的jQuery 试一下，
如果你不在意IE8以下浏览器，你就用
document.defaultView.getComputedStyle(d,':after').content，也能获取到

参考技术B $('.test:after').css('content')

伪类的妙用

before和after这两个伪类元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的实现，简化许多实现。

它不存在于文档中，所以js无法操作它

它属于主元素本身，有些伪类仅仅是代表元素内容的一部分，譬如:first-letter代表第一个字母；因此当伪元素被点击的时候触发的是主元素的click事件

块级元素才能有:before, :after，譬如img就不能设置，亦即某些元素是没有:before, :after的，只要知道一般的块级元素都可以用就行了

注意在css3中，为了与伪类区分，伪元素前应该使用两个冒号，即:hover伪类，::before伪元素。当然为了向下兼容，用一个冒号也是可以的，不过建议尽量使用规范的写法。

如果想详细了解，请链接  http://imweb.io/topic/554039a673d4069201d83e59　　！！！！