이 기사는 대체 줄의 색상을 변경하기 위해 JavaScript의 %를 사용하는 예를 주로 공유하며 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
은 다음과 같습니다.
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
li {
list-style-type: none;
width: 300px;
height: 30px;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script type="text/javascript">
var oli=document.getElementsByTagName('li');
for(var i=0;i<oli.length;i++)
{
if(i%2==0)
{
oli[i].style.background='#F17B7D';
}
else
{
oli[i].style.background='#EDB461';
}
}
</script>
</body>
</html>다들 배워보셨나요? 직접 시도해 보세요.
관련 추천:
JavaScript에서 즉시 실행 함수 예제에 대한 자세한 설명
위 내용은 JavaScript의 %를 사용하여 대체 줄의 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
