자바스크립트(Document Object Model) [1]

7248 단어 JavaScriptDOMDOM 
<html>
  <head>
    <style>
      .image{
      display: inline-block;
      list-style: none;}
      
      .image img{
      width: 100px;}
    </style>
  </head>
<body>
  <h1 id="main-title">
    DOM (Document Object Model)
  </h1>
  
  <ul>
    <li class="image"><img src="1.jpg"></li>
    <li class="image"><img src="2.jpg"></li>
    <li class="image"><img src="3.jpg"></li>
  <ul>
    
<script>
var solid_line = document.querySelectorAll('.image');
for (var i = 0; i < solid_line.length; i++) {
   solid_line[i].style.border = '1px solid red';}
                                      </script>
  </body>
    </html>

document.querySelectorAll() 통해 선택자 선택 후
for문을 이용하여 '1px solid red';를 지정
(유튜브 1분코딩으로 공부중)

[Spring] 스프링 빈 등록 방법
createTextNode, createElement

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage