我能夠使用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