3.16上午课程

class获取 练习题：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="aa">点击</div>
<ul>
<li>1212</li>
<li>1212</li>
<li>1212</li>
<li>1212</li>
</ul>
</body>
</html>
<script type="text/javascript">
// 获取元素 通过id；通过标签名；通过class 或者querySelect()
// var aa=document.getElementById("aa")
var aa=document.querySelector("#aa")

// var li=document.getElementsByTagName("li")
var li=document.querySelectorAll("li")
for(var i=0;i<li.length;i++){
li[i].onclick=function(){
for(var j=0;j<li.length;j++){
li[j].style.color="black"
}
this.style.color="red"
}
}
</script>

posted @ 2022-03-17 00:58  嗨小冒  阅读(12)  评论(0)    收藏  举报