摘要：對ID、Name、Class、Css的選擇方法都以經(jīng)基本看得懂，但是在實際操作過程中還存在不知道該用哪種選擇方式，或者是不會用用不來這些選擇方法。就比如Class選擇器中//根據(jù)元素的class屬性值獲取元素    let red = document.getElementsByClassName('red');    console.log

對ID、Name、Class、Css的選擇方法都以經(jīng)基本看得懂，但是在實際操作過程中還存在不知道該用哪種選擇方式，或者是不會用用不來這些選擇方法。

就比如Class選擇器中

//根據(jù)元素的class屬性值獲取元素

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

    console.log(red);   //返回一個html元素集合,與根據(jù)標簽名獲取的返回數(shù)據(jù)類型完全一樣

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

    //該方法也支持在父元素上調(diào)用

    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';

什么是后用哪種方法很是摸不著頭腦！

批改老師：天蓬老師批改時間：2019-06-03 10:51:15
老師總結(jié)：最基本的就是標簽和id, 再加上一個className, 基本上就夠用了