TypeError: ul_li[index].style is undefined

Hallo,

Bei folgendem Js Schnipsel:

var ul_li = document.getElementsByTagName('ul')[0].getElementsByTagName('li');
console.log(ul_li);
for (var index in ul_li){
ul_li[index].style.backgroundColor = 'red';
ul_li[index].style.color = 'yellow';

console.log(ul_li[index].innerHTML);
};

bekomme ich den Konsolen Error:

TypeError: ul_li[index].style is undefined
[TABLE]
[TR]
[TD]chrome://firebug/content/blank.gif[/TD]
[TD]
ul_li[index].style.backgroundColor = ‚red‘;[/TD]
[/TR]
[/TABLE]

Ist das Script so nicht in Ordnung? Muss ich in diesem Fall noch was definieren, oder ist das in der Regel überflüssig und ich kann den Error ignorieren?

Danke

Marv

Ist die Hintergrundfarbe inline angegeben oder in einer externen CSS-Datei? Wenn letzteres, dann kannst Du nicht per style auf die Eigenschaften zugreifen. Schau dich mal zu getComputedStyle um, z.B. hier:
JavaScript: Zusammenarbeit mit CSS, Darstellung von Dokumenten steuern