OLD | NEW |
1 <head> | 1 <head> |
2 <style> | 2 <style> |
3 div { width: 200px; font-family: ahem; font-size: 40px; position: absolu
te; top: 0; left: 0; -webkit-font-smoothing: none; } | 3 div { width: 200px; font-family: Ahem; font-size: 40px; position: absolu
te; top: 0; left: 0; -webkit-font-smoothing: none; } |
4 </style> | 4 </style> |
5 </head> | 5 </head> |
6 <body style="position: relative;"> | 6 <body style="position: relative;"> |
7 <!-- There should be no red on the page. --> | 7 <!-- There should be no red on the page. --> |
8 <div style="color: red;">AAAA B CCCC D <!-- -->E</div> | 8 <div style="color: red;">AAAA B CCCC D <!-- -->E</div> |
9 <div id="target" style="color: green;">AAAA B CCCC D <!-- -->E</div> | 9 <div id="target" style="color: green;">AAAA B CCCC D <!-- -->E</div> |
10 <script> | 10 <script> |
11 var target = document.getElementById("target"); | 11 var target = document.getElementById("target"); |
12 target.removeChild(target.childNodes[1]); | 12 target.removeChild(target.childNodes[1]); |
13 target.offsetTop; | 13 target.offsetTop; |
14 target.normalize(); | 14 target.normalize(); |
15 target.firstChild.splitText(0); | 15 target.firstChild.splitText(0); |
16 </script> | 16 </script> |
17 </body> | 17 </body> |
OLD | NEW |