Jump to Content

RSS Feeds:

Posts | Comments
http://ivanwlam.com/experiments/programming

querySelectorAll()

Summary

Basically, bringing in the power of jQuery selection without using jQuery. Only works in Safari for now.

What the divs would look like if the querySelectorAll method works, as it does in Safari.

Date Created

21 June 2009

This entry was posted on Monday, June 22nd, 2009 at 11:45 and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Tags: , .

Leave a Reply


Example

div class="safari allBrowsers"
div class="allBrowsers"
div class="safari allBrowsers"
div class="safari allBrowsers"
div class="allBrowsers"
div class="safari allBrowsers"
div class="safari allBrowsers"
div class="allBrowsers"

Internal CSS in <head>

 .allBrowsers{      background-color:yellow;      }

HTML in Example

 <div class="safari allBrowsers">div class="safari allBrowsers"</div>  <div class="allBrowsers">div class="allBrowsers"</div>  <div class="safari allBrowsers">div class="safari allBrowsers"</div>  <div class="safari allBrowsers">div class="safari allBrowsers"</div>  <div class="allBrowsers">div class="allBrowsers"</div>  <div class="safari allBrowsers">div class="safari allBrowsers"</div>  <div class="safari allBrowsers">div class="safari allBrowsers"</div>  <div class="allBrowsers">div class="allBrowsers"</div>

Written-out JavaScript at the end of the document

 <script type="text/javascript">  <!--    var safariDivs=document.querySelectorAll("div.safari");  for(var i=0;i<safariDivs.length;i++){      safariDivs[i].style.backgroundColor="#f00";      }    //-->  </script>