abstrakt:對(duì)ID、Name、Class、Css的選擇方法都以經(jīng)基本看得懂,但是在實(shí)際操作過程中還存在不知道該用哪種選擇方式,或者是不會(huì)用用不來這些選擇方法。就比如Class選擇器中//根據(jù)元素的class屬性值獲取元素 let red = document.getElementsByClassName('red'); console.log
對(duì)ID、Name、Class、Css的選擇方法都以經(jīng)基本看得懂,但是在實(shí)際操作過程中還存在不知道該用哪種選擇方式,或者是不會(huì)用用不來這些選擇方法。
就比如Class選擇器中
//根據(jù)元素的class屬性值獲取元素
let red = document.getElementsByClassName('red');
console.log(red); //返回一個(gè)html元素集合,與根據(jù)標(biāo)簽名獲取的返回?cái)?shù)據(jù)類型完全一樣
red[0].style.backgroundColor = 'red';
//該方法也支持在父元素上調(diào)用
document.getElementsByClassName('ul').item(0)
.getElementsByClassName('green').item(0)
.style.backgroundColor = 'green';
//支持多個(gè)class 屬性值
let large = document.getElementsByClassName('coral large')[0];
large.style.backgroundColor = 'coral';
large.style.fontSize = '1.5rem';
什么是后用哪種方法很是摸不著頭腦!
Korrigierender Lehrer:天蓬老師Korrekturzeit:2019-06-03 10:51:15
Zusammenfassung des Lehrers:最基本的就是標(biāo)簽和id, 再加上一個(gè)className, 基本上就夠用了