>  기사  >  웹 프론트엔드  >  JavaScript의 %를 사용하여 대체 줄의 색상을 변경하는 방법

JavaScript의 %를 사용하여 대체 줄의 색상을 변경하는 방법

小云云
小云云원래의
2017-12-12 09:07:311748검색

이 기사는 대체 줄의 색상을 변경하기 위해 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(&#39;li&#39;);
 for(var i=0;i<oli.length;i++)
  {
   if(i%2==0)
    {
     oli[i].style.background=&#39;#F17B7D&#39;;
    }
   else
    {
     oli[i].style.background=&#39;#EDB461&#39;;
    }
  }
</script>
</body>
</html>

다들 배워보셨나요? 직접 시도해 보세요.

관련 추천:

JavaScript에서 객체의 길이를 계산하는 방법

JavaScript에서 즉시 실행 함수 예제에 대한 자세한 설명

JavaScript에서 클래스를 호출하는 방법

위 내용은 JavaScript의 %를 사용하여 대체 줄의 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.