Javascript command window.getComputedStyle(document.body, ':after').getPropertyValue('content') returns content with extra double quotes
When I use in my css: body:after { content: "mobile"; display: none; } And check this with javascript with the command: var size = window.getComputedStyle(document.body, ':after').getPropertyValue('content');
I get in firefox (v 23.0.1 mac) returned the string ""mobile"" with doubled quotes as return and therefore the check if size =="mobile" returns false. In safari the value returned "mobile" without the doubles quotes. How come?
Chosen solution
What you get is a string that represents of what you specified in content.
A content specification can include other things like a counter: body:after { content: "topics[" counter(topics) "]"; }
size = window.getComputedStyle(document.body, ':after').content would give: "topics[" counter(topics) "]"
So you need to test for the exact text of the content: size=='"mobile"';
All Replies (1)
Chosen Solution
What you get is a string that represents of what you specified in content.
A content specification can include other things like a counter: body:after { content: "topics[" counter(topics) "]"; }
size = window.getComputedStyle(document.body, ':after').content would give: "topics[" counter(topics) "]"
So you need to test for the exact text of the content: size=='"mobile"';