JavaScript 기본 튜토리얼

JavaScript 객체

HTML DOM 메서드는 HTML 요소에 대해 수행할 수 있는 작업입니다.작업。

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

JavaScript(그리고 다른 프로그래밍 언어)를 사용하여 HTML DOM에 접근할 수 있습니다.

DOM에서 모든 HTML 요소는 다음과 같이 정의됩니다:objects。

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

한 개속성이는 값입니다. 가져오거나 설정할 수 있습니다. (예: HTML 요소의 내용을 변경).

한 개메서드HTML 요소를 추가하거나 제거하는 등 할 수 있는 행동입니다.

DOM을 사용하려면 특별한 작업을 할 필요가 없습니다.

이 예제에서는 다음을 사용합니다getElementById()HTML 요소를 찾는 방법을 테스트합니다（id="para"를 가진 요소를 찾음），요소 내용을 변경합니다（innerHTML）을 "Hello world"로 변경하십시오：

예제

<!DOCTYPE html>
<html>
<p id="para"></p>
<script>
document.getElementById("para").innerHTML = "Hello world";
</script>
</html>

위의 예제에서는getElementById()은메서드،innerHTML이거나속성。

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

위의 예제에서는getElementById()id="para"를 통해 요소를 찾는 방법.

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

innerHTML속성은 HTML 요소의 내용을 가져오거나 대체하는 데 매우 유용합니다.

전체 속성과 메서드 참조에 대한 자세한 내용은 다음을 방문하십시오.JavaScript DOM 참조。

참조 부분에는 모든 DOM 속성과 메서드의 설명과 예제가 포함되어 있습니다.