getAttribute 란?

Web/JavaScript 2012. 6. 27. 18:26 Posted by Request

getAttribute 는 특정 요소노드 내에서 특정 한 속성값을 가져오는 메소드이다.

 

var para = document.getElementById("홍길동");

var title = para.getAttribute("title");

 

위의 소스를 보면

첫 번째 줄에는 "홍길동"이라는 id를 가진 요소노드를 불러와 para라는 객체를 만들어 저장하고,

두 번째 줄에는 para내 객체에서 "title"이라는 속성노드의 값을 title이라는 변수에 저장하는 것이다.

 

 

function ex2(){

var paras = document.getElementsByTagName("ul");

for (var i=0;i<paras.length;i++){

alert(paras[i].getAttribute("id"));

}

}

window.onload=ex2;

 

소스 설명을 하자면 문서내에서 <ul> 태그들을 불러와 paras라는 변수에 저장하고 (만약 <ul>태그가 여러개면 paras는 1차원 배열 변수가 될것이다.

 

그렇게 생성된 paras[0,1,2...]라는 객체 변수들이 가진 속성노드 중 id가 가진 속성값을 for문을 이용해

대화상자를 띄워 출력시키라는 소스이다.

(<ul>태그가 여러개라면 대화상자가 갯수만큼 차례로 뜨게 도리 것이다.)