节点获取元素总结

Original 2019-02-14 15:34:42 333
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> li{backgroundColor: } </style></head&

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style type="text/css">

li{backgroundColor: }

</style>

</head>

<body>

<ul class="ba">

<li class="er1">我是第一个儿子</li>

<li class="er2">我是第二个儿子</li>

<li class="er3">我是第三个儿子</li>

<li class="er3">我是第四个儿子</li>

<li class="er5">我是第五个儿子</li>

</ul>

</body>

</html>

<script type="text/javascript">

// let li = document.querySelectorAll('li');//获取所有的li标签

// let li = document.querySelector("li")//获取一个li

// console.log(li);

// li.item(0).style.backgroundColor="red";//第一个class改变成红色

// for(let i = 0;i<li.length;i++){

// li[i].style.backgroundColor='green';

// }//把所有li变成绿色

// let ul = document.querySelector("#ba")//获取id名为ba的元素

</script>

QCCUUOZEPW770PA)]1K)9FL.png

Correcting teacher:天蓬老师Correction time:2019-02-14 15:41:52
Teacher's summary:其实,jquery就是用querySelectorAll,来获取元素的

Release Notes

Popular Entries