JavaScript - HTML DOM 메소드
HTML DOM 메서드는 HTML 요소에서 수행할 수 있는 작업 입니다.
HTML DOM 속성은 설정하거나 변경할 수 있는 HTML 요소의 값 입니다.
DOM 프로그래밍 인터페이스
HTML DOM은 JavaScript(및 기타 프로그래밍 언어)로 액세스할 수 있습니다.
DOM에서 모든 HTML 요소는 객체 로 정의됩니다 .
프로그래밍 인터페이스는 각 개체의 속성과 메서드입니다.
속성 은 가져오거나 설정할 수 있는 값입니다(예: HTML 요소의 내용 변경) .
메소드 는 HTML 요소를 추가하거나 삭제하는 것과 같이 수행할 수 있는 작업입니다 .
예시
다음 예제에서는 다음 을 사용하여 요소 의 내용( innerHTML
)을 변경합니다 .<p>
id="demo"
예시
<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>