javascript - What do querySelectorAll, getElementsByClassName and other getElementsBy* methods return? -


do getelementsbyclassname (and similar functions getelementsbytagname , queryselectorall) work same getelementbyid or return array of elements?

the reason ask because trying change style of elements using getelementsbyclassname. see below.

//doesn't work document.getelementsbyclassname('myelement').style.size = '100px';  //works document.getelementbyid('myidelement').style.size = '100px'; 

your getelementbyid() code works since ids have unique , function returns 1 element (or null if none found).

however, getelementsbyclassname(), queryselectorall(), , other getelementsby* methods return array-like collection of elements. iterate on real array:

var elems = document.getelementsbyclassname('myelement'); for(var = 0; < elems.length; i++) {     elems[i].style.size = '100px'; } 

if prefer shorter, consider using jquery:

$('.myelement').css('size', '100px'); 

Comments

Popular posts from this blog

'hasOwnProperty' in javascript -

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

java - How to provide dependency injections in Eclipse RCP 3.x? -