ध्यान दें कि :after
और content
का उपयोग करके आप जो सामग्री जोड़ते हैं वह node नहीं है - यह आपके दस्तावेज़ में कोई तत्व नहीं है और न ही टेक्स्ट है। आप इसे फ़ायरबग के साथ देख सकते हैं: इस स्क्रीनशॉट में, मेरे एचटीएमएल में "हैलो" शब्द है लेकिन शब्द "दुनिया!"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>Select :after pseudo class/element</title>
<style type="text/css">
#msg:after {
content:" World!"
}
</style>
<script type="text/javascript">
window.onload = function() {
if(window.getComputedStyle) {
var element = document.getElementById("msg");
var style = window.getComputedStyle(element,':after')
alert(style.content);
}
else {
alert("This browser sucks!"); // ;)
}
}
</script>
</head>
<body>
<h1>
<span id="msg">Hello</span>
</h1>
</body>
</html>
... दुर्भाग्य से, यह आप पहुँच देता है:
आप क्या कर सकते getComputedStyle का उपयोग पता लगाने के लिए कौन-सी सामग्री निम्न उदाहरण की तरह, है: सीएसएस का उपयोग कर जोड़ा जाता है सामग्री लेकिन ऊंचाई तक नहीं :(
स्रोत
2011-03-18 05:38:51
मुझे आपकी त्रुटि संदेश पसंद है :) –
@MikeHometchko - ठीक है, मैं तुम्हें पसंद करता हूँ, दोस्त! : डी –