20181016

노드찾기

by Kim Ara

HTML

<div id="first">1</div>
<div>2</div>
<div class="cont">3</div>
<div>4</div>
<div class="cont">5</div>

CSS

div{width:50px;height:30px;display:inline-block;background:#ddd;margin-right:5px}

JavaScript

var divs = window.document.getElementsByTagName('div');
for(var i=0; i<divs.length; i++)
	{
		var div=divs.item(1);
    div.style.border='1px solid #ff0000';
	}
  
  
var cont = window.document.getElementsByClassName('cont');
for(var i=0; i<cont.length; i++)
  {
		cont[1].style.border='3px solid #000';
  }

var first = window.document.getElementById('first');
first.style.border='5px solid blue';