Resolved querySelectorAll() NodeList Usage

FutureWebDev · 05-06-2012, 05:35 AM

Code:

function themeOne() {

	var thm = document.querySelectorAll("div.articles");
	for( i = 0; i < thm.lenght; i++)
	document.thm[i].style.border = "5px solid red";

}

So all I'm trying to do here is to change the styles of the div's that have a class attribute with the value "articles". The function call works and a NodeList is created and placed in the variable thm. But before the first pass of the for loop, firebug is telling me that thm is undefined.

You can see in the picture below that thm was infact defined and the NodeList was properly created and placed in the variable.

Can someone tell me why thm is being returned undefined?

querySlectorProblem by FutureWebDev, on Flickr

felgall · 05-06-2012, 06:33 AM

You haven't defined thm.lenght - possibly you meant to type thm.length

FutureWebDev · 05-06-2012, 06:37 AM

Quote:

Originally Posted by felgall

You haven't defined thm.lenght - possibly you meant to type thm.length

LOL. Well at least I got some good practice at posting. Thanks for being my ritalin replacement.

FutureWebDev · 05-06-2012, 06:45 AM

This Doesn't Work

Code:

function themeOne() {

	var thm = document.querySelectorAll("div.articles");
	for( i = 0; i < thm.lenght; i++)
	document.thm[i].style.border = "5px solid red";

}

This Does Work

Code:

function themeOne() {

	var thm = document.querySelectorAll("div.articles");
	for( i = 0; i < thm.length; i++)
	document.thm[i].style.border = "5px solid red";

}

Thanks Felgall