DOM(如何设置元素样式）

语法：注意：styleName，样式的名称必须写成驼峰式，比如：border-left写成borderLeft
实例：

<ul id="list1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
   </ul>
 <script> 
//  设置id为list1的元素的字体颜色
    var box=document.getElementById("list1");
    box.style.color='#f00';
    console.log(box);
 </script>   

打印结果：
如果你想设置字体加黑，就要这样写box.style.fontWeight=“bold”;
如果你想设置ul下的li的颜色，不能直接写li.style.color,这样系统会报错，是因为，你取ul下的li时，取得是ul下所有的li，系统把他们自动设置为一个数组，要想给数组的每个元素都设置颜色，可以先用for循环遍历数组，然后在for循环内给数组的每个值分别设置颜色，实例如下：

 var box=document.getElementById("list1").getElementsByTagName("li");
    for(var i=0;i<box.length;i++){
        box[i].style.color='#f00';
        console.log(box[i]);
    }
   

打印结果：