Does noscript get acknowledged by javascript enabled browsers?

Question

I'm looking into tightening up our ad code by moving it to an external jQuery script, but I obviously still need some HTML to target the ad to. So I was wondering if I can target a noscript element (or within a noscript element) since I'm going to have to leave that on the page anyway, or if I need to have some other element for the JavaScript to target?

<noscript>
  <div class="ad"><a href="foo"><img src="bar" alt="ad" /></a></div>
</noscript>

My intention would be to change or strip the noscript element.

Answer 1

If the browser has javascript enabled, the content inside the no-script element is NOT displayed.

You would need to put it outside of that for the javascript targeting, and use the NoScript section for what its purpose is, users without JavaScript enabled.

Answer 2

You could always use the JS to hide that ad using CSS, if nothing else.

Answer 3

Why do you need the noscript element? If you are just going to remove or replace it with different elements when the javascript runs, then the div is acting as like a noscript element would anyway.

Answer 4

Most browsers will not let you target the noscript element, even if you (incorrectly) give it an id. You might try something like http://dev.opera.com/articles/view/replacing-noscript-with-accessible-un/ - it is a standard compliant method for achieving the same end, but without a noscript tag.

Answer 5

<noscript> content is not only not displayed when JS is active, it apparently is also not in the DOM. I tried accessing content inside a <noscript> area (hoping you could clone() it with jQuery and insert it somewhere else) but got back nothing.

Answer 6

You can target noscript elemements.

    <noscript>asdfasFSD</noscript>

    <script>
     alert(document.getElementsByTagName("noscript")[0].innerHTML);
    </script>

This works in FF3, IE6 and Google Chrome. It will alert asdfasFSD for me.