js的重点1:操作元素（样式不多的时候操作元素的style属性、样式多的时候操作元素的className属性、classList.add和classList.remove)

操作元素

1、如果要添加的样式比较少的话，那么就直接用element.style

2、如果要添加的样式比较多的话，那么就要给element添加class 获取元素的属性中，样式是style,class是用className获取的

3、修改类名

(1)element.className=’’ 会直接覆盖前面的
(2)element.classList.add(‘XX’) 会在class里追加一个类名
element.classList.remove(‘xx’) 会在class里删除一个类名

示例:
用排他的思想实现效果

    <ul>
        <li>苹果</li>
        <li>香蕉</li>