목차
JavaScript - HTML DOM Methods
- description : JavaScript - HTML DOM Methods
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-03-22
Source of the article
HTML DOM 메서드(methods)는 HTML 요소에 수행할 수 있는 동작(actions)입니다.
HTML DOM 속성(properties)은 설정 또는 변경할 수 있는 HTML 요소의 값(values)입니다.
The DOM Programming Interface
HTML DOM은 JavaScript와 다른 프로그래밍 언어로 접근할 수 있습니다.
DOM에서, 모든 HTML 요소들은 오브젝트로 정의합니다.
프로그래밍 인터페이스는 각각의 오브젝트에 대한 속성과 메서드를 의미합니다.
속성(property)은 HTML요소의 콘텐츠 변경처럼, 가져오거나 설정할 수 있는 값입니다.
메서드(method)는 HTML 요소를 추가하거나 삭제하는 것과 같은 수행할 수 있는 동작을 의미합니다.
예제
하기 예제는 id=“demo”를 가진 p 요소의 내용(innerHTML)을 변경합니다:
My First Page
상기 예제에서, ''getElementById''는 메서드이고, ''innerHTML''은 속성입니다.
The getElementById Method
HTML 요소에 접근하는 가장 일반적인 방법은 해당 요소의 ''id''를 사용하는 것입니다.
상기 예제에서, ''getElementById'' 메서드는 요소를 찾기 위해 ''id="demo''를 사용했습니다.
The innerHTML Property
요소의 콘텐츠를 가져오는 가장 쉬운 방법은 ''innerHTML'' 속승을 사용하는 것입니다.
''innerHTML'' 속성은 HTML 요소의 콘텐츠를 가져오거나 대체하는 것에 유용합니다.
''innerHTML'' 속성은 ''<html>''과 ''<body>''요소를 포함한 어떤 HTML 요소도 가져오거나 변경하기 위해 사용할 수 있습니다.
