选择器的运用

对ID、Name、Class、Css的选择方法都以经基本看得懂，但是在实际操作过程中还存在不知道该用哪种选择方式，或者是不会用用不来这些选择方法。

就比如Class选择器中

//根据元素的class属性值获取元素

    let red = document.getElementsByClassName('red');

    console.log(red);   //返回一个html元素集合,与根据标签名获取的返回数据类型完全一样

    red[0].style.backgroundColor = 'red';

    //该方法也支持在父元素上调用

    document.getElementsByClassName('ul').item(0)

            .getElementsByClassName('green').item(0)

            .style.backgroundColor = 'green';

    //支持多个class 属性值

    let large = document.getElementsByClassName('coral large')[0];

    large.style.backgroundColor = 'coral';

    large.style.fontSize = '1.5rem';

什么是后用哪种方法很是摸不着头脑！