我能够使用window.getComputedStyle('element', ':before').getPropertyValue('content');
获得伪元素内容的文本/内容。但是,它会返回一个用双引号括起来的字符串。我希望它返回没有引号的实际字符串,所以我试图使用valueOf()
,但它给了我相同的结果。我想知道在创建自己的产品之前是否有现有的方法。谢谢!使用纯javascript获取伪元素内容的实际文本内容
0
A
回答
1
既然你说你已经得到了弦,但引号,然后执行:
var t = '"hello"'; // here put your text resulting from your prev code
console.log(t);
t = t.replace(/"/g, '');
console.log(t);
1
引号包含表示它是一个字符串。这是必要的,因为CSS content
属性可以包含表达式,如:
{ content: attr(class) }
{ content: "(" attr(class) ")" }
..这将动态检索元素的属性class
并显示。在第二种情况下,它将被包裹在括号内。
当您使用.getPropertyValue('content')
检索属性值时,实际上您将获得该表达式作为返回值,在第一种情况下,该值将是attr(class)
而不带引号。
现在,如果您确定您的属性值是字符串文字,则可以展开该字符串。
我建议:
JSON.parse(window.getComputedStyle('element', ':before').getPropertyValue('content'));
相关问题
- 1. 使用BeautifulSoup4从CSS3伪元素获取内容
- 2. 获取元素中的实际内容与BeautifulSoup
- 3. 如何使用Dart获取点击元素的文本内容?
- 4. JFrame:获取实际内容大小
- 5. 如何使用javascript获取span内部的文本内容?
- 6. 使用JavaScript根据其属性获取元素的内容
- 7. 防止伪造元素推送内容
- 8. SAX:如何获取元素的内容
- 9. 如何获取点击元素的文本内容?
- 10. 获取xml元素节点的文本内容
- 11. 如何使用JavaScript获取的内容?
- 12. 使用JavaScript获取DIV的内容
- 13. fnGetData()表的实际内容
- 14. 如何获取html元素内容
- 15. 从XML元素内容中获取InputStream
- 16. 在C#中获取div元素内容
- 17. PHP XPath:如何获取元素内容?
- 18. PHP simple_html_dom按内容获取元素
- 19. 的LINQ to XML - 获取给定无子元素的文本内容的XElement的文本内容
- 20. 使用:在没有插入内容的CSS伪元素之后
- 21. JS DOM:通过文本内容获取元素
- 22. 提取内容使用纯Java
- 23. 伪元素::隐藏同胞元素的内容之前
- 24. 使用JavaScript获取iframe内容
- 25. 使用JavaScript获取JSON数组内容
- 26. Happstack jQuery和纯文本文件内容
- 27. 获取Javascript标记内容
- 28. 获取从元素的HTML标签没有内部文本内容
- 29. 如何在PowerShell中打印xml元素的实际内容?
- 30. 如何以编程方式获取etherpad的实时纯文本内容?
真棒!谢谢! – iamLinker
请记住接受答案。 – jack