Java Script

[ Java Script ] document.getElementById

dauneee 2022. 2. 21. 20:50

 

 

 

< 코드 >

 

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>document.getElementsByTagName</title>

<script type="text/javascript">

   var color=["red","orange","yellow","lightgreen","cyan","indigo","hotpink"];
   
   function change(){
      var eles=document.getElementsByTagName("li");
      console.log(eles);
      
      for(var i=0;eles.length;i++){
         eles[i].style.backgroundColor=color[i];
      }      
   }
   
</script>
</head>
<body>

	<button onclick="change()">화면변경</button>
	<ul>
		<li>리스트1</li>
		<li>리스트2</li>
		<li>리스트3</li>
		<li>리스트4</li>
		<li>리스트5</li>
		<li>리스트6</li>
		<li>리스트7</li>
	</ul>

</body>
</html>