======JavaScript - HTML DOM Methods====== * description : JavaScript - HTML DOM Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 \\ =====Source of the article==== * [[https://www.w3schools.com/js/js_htmldom_methods.asp|JavaScript - HTML DOM Methods]] \\ %%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 요소도 가져오거나 변경하기 위해 사용할 수 있습니다.%%** {{tag>오션, Javascript HTML DOM Methods,}}