收藏
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom选择器</title>
<style>
ul,ol{
width: 300px;
}
</style>
</head>
<body>
<h3>中学生课程</h3>
<ul>
<li>语文</li>
<li>英语</li>
<li>数学</li>
<li>历史</li>
</ul>
<h3>水果种类</h3>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
<li>橘子</li>
</ol>
<script>
var task = document.querySelector('li');
task.style.backgroundColor = 'skyblue';
var fruit = document.querySelector('ol');
var list = fruit.querySelectorAll('li');
for(var i=0;i<list.length;i++){
list[i].style.backgroundColor = 'pink';
}
</script>
</body>
</html> 
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
