JavaScript Node Method

JavaScript Node Method

■ 지난 글에서는 노드에 접근하는 방법 중에서 name 속성을 이용해서 순차적으로 접근하는 방법에 대해서 알아봤는데요. 이번에는 메서드를 이용해서 바로 접근하는 방법과 노드를 생성하는 메서드를 알아보겠습니다.

■ 메서드로 접근하는 방법에는 세 가지가 있는데요. '이름', '아이디', '태그 이름' 등 세 가지 속성값을 이용해서 접근할 수 있구요. 메서드의 형식은 다음과 같습니다. 

var aaa = getElementsByName(이름);

var bbb = getElementsById(아이디);

var ccc = getElementsByTagName(태그이름);

 다음과 같은 문서가 있을 때 메서드를 이용해서 이 텍스트 박스에 접근하는 형식은 다음과 같습니다. 

1. var aaa=getElementByName("na");

2. var bbb=getElementById("na1");

3. var ccc=getElementByTagName("input");

■ 이렇게 각각의 메서드를 이용해서 접근하고 변수에 저장하면, 이후에는 각각의 변수를 이용해서 노드 요소를 컨트롤할 수 있게 됩니다.

 다음은 노드를 생성하는 메서드인데요. 이전 글에서 알아봤듯이 노드에는 요소 노드(태그)와 텍스트 노드(문자열)가 있는데요. 먼저 요소 노드를 생성하는 메서드는 다음과 같습니다. 

document.createElement('p'); ◀ (p)요소 노드를 생성하는 메서드

document.createTextNode("Hello") ◀ 텍스트노드를 생성하는 메서드

■ 이렇게 해서 메서드를 이용해서 노드에 접근하는 방법과 노드를 생성하는 메서드에 대해서 알아봤습니다. 수고하셨어요.