getElementsByTagName for two tags at once

Question

I use this:

function setFontSize() {
   var p = document.getElementsByTagName('td');
   for(i=0;i<p.length;i++) {
      p[i].style.fontSize = selectedsize+"px"
   }
}

What's the simplest and best way to throw in 'th' too?

Answer 1

If you don't have to support older browsers you can use document.querySelectorAll(..).

function setFontSize() {
   var i;
   var p = document.querySelectorAll('td, tr');
   for( i = 0; i < p.length; i++ ) {
      p[i].style.fontSize = selectedsize + "px"
   }
}