자바스크립트- HTML DOM 메소드

HTML DOM 메소드는 수행할(HTML 요소에) 수 있는 작업(actions)입니다.

HTML DOM 속성(properties)은, 설정하고 변경할 수 있는, 값(values) (HTML 요소의)입니다.


DOM 프로그래밍 인터페이스(Programming Interface)

HTML DOM은 자바스크립트(그리고 다른 프로그래밍 언어)로 액세스할 수 있습니다.

DOM에서, 모든 HTML 요소는 객체(objects)로 정의됩니다.

프로그래밍 인터페이스(programming interface)는 각 객체의 속성 및 메소드(properties and methods of each object)입니다.

속성(property)은 가져오거나 설정하는(HTML 요소의 내용(content)을 변경하는 것과 같은) 값(value)입니다.

메소드(method)는 할 수 있는(HTML 요소를 추가하고 삭제하는 것과 같은) 작업(action)입니다.


Example

다음 예제는 id = “demo”인 < p > 요소의 내용(innerHTML)을 변경합니다:

Example

Hello World!

위 예에서, getElementById는 메소드(method), innerHTML은 속성(property)입니다.


getElementById 메소드(Method)

HTML 요소에 액세스하는 가장 일반적인 방법은 요소의 id를 사용하는 것입니다.

위 예제에서, getElementById 메소드는 요소를 찾기 위해 id = “demo”를 사용했습니다.


innerHTML 속성(Property)

요소의 내용을 가져 오는 가장 쉬운 방법은 innerHTML 속성(property)을 사용하는 것입니다.

innerHTML 속성은 HTML 요소의 내용을 가져오거나 바꾸는데 유용합니다.

출처: JavaScript – HTML DOM Methods

댓글 남기기