HTML DOM 속성
속성은 가져오거나 설정할 수 있는 노드(HTML 요소)의 값입니다.
프로그래밍 인터페이스
는 JavaScript(및 기타 프로그래밍 언어)를 통해 HTML DOM에 대한 액세스를 제공합니다.
모든 HTML 요소는 객체로 정의되며 프로그래밍 인터페이스는 객체 메서드 및 객체 속성입니다.
메서드는 수행할 수 있는 작업(예: 요소 추가 또는 수정)입니다.
속성은 가져오거나 설정할 수 있는 값(예: 노드의 이름 또는 콘텐츠)입니다.
innerHTML 속성
요소의 콘텐츠를 가져오는 가장 쉬운 방법은 innerHTML 속성을 사용하는 것입니다.
innerHTML 속성은 HTML 요소의 콘텐츠를 가져오거나 바꾸는 데 유용합니다.
Example
다음 코드는 id="intro"인 <p> 요소의 innerHTML을 가져옵니다.
Example
<html><!DOCTYPE html>
<html>
<body>
<p id="intro">Hello World!</p>
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>
</body>
</html>인스턴스 실행»
"인스턴스 실행" 버튼을 클릭하여 온라인 예시
위 예시에서 getElementById는 메소드이고 innerHTML은 속성입니다.
 |
|
|---|
nodeName 속성은 노드의 이름을 지정합니다.
- nodeName은 읽기 전용입니다.
- 요소 노드의 nodeName은 라벨 이름과 동일합니다.
- 속성 노드의 nodeName은 속성 이름과 동일합니다.
- nodeName은 텍스트 노드는 항상 #text
- Document입니다. 노드의 nodeName은 항상 #document
입니다. 참고:
nodeName에는 항상 HTML 요소의 대문자 태그 이름이 포함됩니다.nodeValue 속성 nodeValue 속성은 노드의 값을 지정합니다. O 요소 노드의 NodeValue는 UNDEFINED 또는 NULL
- 텍스트 노드의 nodeValue입니다. <p id="intro"> 태그의 텍스트 노드 값을 반환합니다.
Instance
<html><!DOCTYPE html>
<html>
<body>
<p id="intro">Hello World!</p>
<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
</html>인스턴스 실행»
nodeType 속성
nodeType 속성은 노드 유형을 반환합니다. nodeType은 읽기 전용입니다. 더 중요한 노드 유형은 다음과 같습니다.
