최신 웹 개발 튜토리얼
 

JavaScript - HTML DOM 방법


HTML DOM 방법은 (HTML 요소에) 수행 할 수있는 작업입니다.

HTML DOM 속성을 설정하거나 변경 할 수 있습니다 (HTML 요소) 값입니다.


DOM을 프로그래밍 인터페이스

되는 HTML DOM은 자바 스크립트 (및 다른 프로그래밍 언어로)에 액세스 할 수 있습니다.

DOM을, 모든 HTML 요소를 객체로 정의된다.

프로그래밍 인터페이스는 속성과 각 개체의 방법이다.

속성은 당신이 (HTML 요소의 내용을 변경하는 등) 가져 오거나 설정할 수있는 값입니다.

방법은 (추가하거나 HTML 요소를 삭제하는 등) 당신이 할 수있는 작업입니다.


다음 예는 내용 (변경 innerHTML 의) <p> ID = "데모"와 요소를 :

<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> .