javascript - 如何使用 DOM 来修改它？

Question

如何使用 DOM 修改 li 元素的样式？

   <div id="tabbed-boosts">
     <ul>
      <li>test1</li>
      <li>test2</li>
      <li>test3</li>
     </ul>
    </div>

getElementById('tabbed-boosts').childNodes 将使我到达 UL，如何修改 LI？

还需要在 IE6 中工作...

Answer 1

var lis = document.getElementById( 'tabbed-boosts' ).getElementsByTagName( 'li' );
for ( var i = 0; i < lis.length; i++ )
{
    lis[i].style.backgroundColor = '#' + Math.round( Math.random() * 0xFFFFFF ).toString( 16 );
}