제이스크립트 - HTML DOM 메서드

HTML DOM 메서드는 (HTML 요소에서) 실행할 수 있는 동작입니다.동작。

HTML DOM 속성은 설정하거나 변경할 수 있는 HTML 요소의 속성입니다.값。

DOM 프로그래밍 인터페이스

HTML DOM은 JavaScript를 통해 접근할 수 있습니다. (그 외의 프로그래밍 언어를 통해도 접근할 수 있습니다).

DOM에서 모든 HTML 요소는 정의됩니다.객체。

프로그래밍 인터페이스는 각 객체의 속성과 메서드입니다.

속성은(는) 가져올 수 있거나 설정할 수 있는 값(예: HTML 요소 내용 변경)입니다.

메서드은(는) 수행할 수 있는 작업(예: HTML 요소 추가 또는 제거)입니다.

예제

아래의 예제는 id="demo"의 <p> 요소의 내용을 변경합니다:

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

직접 시도해 보세요

위의 예제에서는getElementById 는메서드이고 innerHTML 는속성。

getElementById 메서드

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

위의 예제에서는getElementById 메서드를 사용하여 id="demo"로 요소를 찾습니다.

innerHTML 속성

요소 내용을 가져오는 가장 간단한 방법은 innerHTML 속성.

innerHTML 속성은 HTML 요소의 내용을 가져오거나 대체할 수 있습니다.

innerHTML 속성은 어떤 HTML 요소를 가져오거나 변경할 수 있습니다. 예를 들어, <html> 와 <body>。