속성 다루기.

1. object.getAttribute(attribute)

String - 속성값의 이름을 검색함.

<p title=”Hello World” /> 이라는 녀석이 있다면 <p> 요소의 title 속성을 얻기 위해서는
getElementByTagName과 함께 사용하여야 한다.

var paras = document.getElementByTagName(“p”);
var title_txt = paras.getAttribute(“title”);

alert(title_txt); 해본다면 Hello World 가 출력되는걸 확인할 수 있다.

 

 

2. object.setAttribute(attribute, value)

Attr – 새로운 속성값을 추가함.

이 메서드는 특정 속성 노드의 값을 바꿀 수 있다. 
attribute는 바꾸고 싶은 속성이고 value는 바꿀 값을 넣어주면 된다.

<p title=”Hello World” /> 이라는 녀석이 있다면 <p> 요소의 title 속성을 바꾸기 위해서는

var paras = document.getElementByTagName(“p”);
var title_txt = paras.setAttribute(“p”, “Hello JavaScript World”);

alert(title_txt); 해본다면 Hello JavaScript World 로 변경되어 출력되는걸 확인할 수 있다.

 

 

 

 

* 메서드에 get 이 붙어있다면 “값을 가져온다” 라고, set 이 붙어있다면 “값을 변경하여 넣어준다” 정도로 이해하면 편할 듯.