[JavaScript] 7-5_getElement.js

function selectById()

{

//엘리먼트 ID가 eleA인 엘리먼트를 변경

var element = document.getElementById("eleA");

element.style.backgroundColor = "red";

}

function selectByTagName()

{

//태그이름 span이 갖고 있는 모든 엘리먼트를 변경

var elements= document.getElementsByTagName("span");

for(var i = 0, element; element = elements[i]; i ++)

{

element.style.backgroundColor= "blue";

}

}

function selectByName()

{

//엘리먼트의 name이 eleA인 엘리먼트 변경

var elements = document.getElementsByName("eleA");

for(var i = 0, element; element = elements[i]; i ++)

{

element.style.backgroundColor= "yellow";

}

}

function reset()

{

location.reload();

}

//id는 객체마다 모두 다른값을 가져야한다. 따라서 ...ById는 하나의 객체를 선택한다.

//name은  객체끼리 중복이 가능하다. 따라서 ...ByName은 여러 객체를 선택할 수 있다.

7-5_getElement.js