−목차
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
Hello World!
상기 예제에서, ''getElementById''는 메서드이고, ''innerHTML''은 속성입니다.
The getElementById Method
HTML 요소에 접근하는 가장 일반적인 방법은 해당 요소의 ''id''를 사용하는 것입니다.
상기 예제에서, ''getElementById'' 메서드는 요소를 찾기 위해 ''id="demo''를 사용했습니다.
The innerHTML Property
요소의 콘텐츠를 가져오는 가장 쉬운 방법은 ''innerHTML'' 속승을 사용하는 것입니다.
''innerHTML'' 속성은 HTML 요소의 콘텐츠를 가져오거나 대체하는 것에 유용합니다.
''innerHTML'' 속성은 ''<html>''과 ''<body>''요소를 포함한 어떤 HTML 요소도 가져오거나 변경하기 위해 사용할 수 있습니다.
