문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======JavaScript - HTML DOM Methods======
<WRAP left notice 80%>
  * description : JavaScript - HTML DOM Methods
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-22
</WRAP>
<WRAP clear></WRAP>
\\
=====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'')을 변경합니다:\\
<HTML>
<body>
<h2>My First Page</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

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

{{tag>오션, Javascript HTML DOM Methods,}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구