Issue #84  (script.text, Testing, JSON/DB, Productivity)02/26/15

90 Days Free of Crazy Egg: Heat and Eye Tracking Software Crazy Egg is must-have software if you're serious about conversion. Harness heatmaps and visitor intelligence, without the high costs. Special offer: try it free for 90 days.

<script class="sc">
  Example text inside a script element.
</script>
  
<script class="sc" 
        src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  
<script class="sc" 
        src="//code.jquery.com/jquery-1.9.1.min.js">
  <!-- comment test -->
  <p>Example text inside a script element.</p>
</script>

var scripts = document.querySelectorAll('.sc');

console.log(scripts[0].text);
console.log(scripts[1].text);
console.log(scripts[2].text);

• Flanagan seems to imply that the text property is available only on script elements that don't have a src attribute set. My demo disproves that in the 3 main browsers (although maybe I'm just misreading what he says).
• If you plan to use a script element to store data, Flanagan recommends that you set the type attribute to something like "text/x-custom-data", to tell the browser's JavaScript interpreter not to try to execute the script.
• The spec says this property "must return a concatenation of the contents of all the Text nodes that are children of the script element (ignoring any other nodes such as comments or elements), in tree order", however, all 3 browsers return the paragraph element in my demo and Chrome also returns the comment.
• Bugs aside, I believe this property is supported in all browsers, even back to old versions of IE.

Testing and Debugging Tools

Documents, Content, Files, etc.

Productivity Tools

A Tweet for Thought

Suggestions / Corrections

Before I Go...