HTML DOM 속성
속성 노드 (HTML 요소)의 값을 가져 오거나 설정할 수 있습니다.
프로그래밍 인터페이스
자바 스크립트 (및 다른 프로그래밍 언어)으로 DOM 액세스를 HTML한다.
모든 HTML 요소 객체로 정의되고, 프로그래밍 인터페이스 객체 방법, 객체 속성이다.
이 방법은 당신이 수행 할 수 있습니다 (예 : 추가 또는 수정 요소 등) 작업입니다.
속성 가져 오거나 설정 값 (예를 들어, 노드 이름이나 콘텐츠에 대한) 할 수 있다는 것입니다.
innerHTML 속성
요소의 내용을 얻을 수있는 가장 쉬운 방법은 innerHTML 속성을 사용하는 것입니다.
innerHTML 속성 가져 오거나 유용한 HTML 요소의 내용을 바꿀 수 있습니다.
예
다음 코드는 = "인트로"의 <p> 요소 innerHTML을을 ID를 가져옵니다
예
<html>
<body>
<p id="intro">Hello World!</p>
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>
</body>
</html>
<body>
<p id="intro">Hello World!</p>
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>
</body>
</html>
»시도
innerHTML을이 속성 동안 위의 예에서에서 getElementById는 방법이다.
innerHTML 속성을 취득 또는 HTML의 포함 요소, <HTML>과 <몸>을 변경하는 데 사용할 수 있습니다. |
nodeName 속성은 노드의 이름을 지정합니다.
- 노드 이름은 읽기 전용이다
- 요소 노드의 동일한 태그 이름과 노드 이름
- 노드 이름은 동일한 속성 이름과 속성 노드
- 노드 이름 텍스트 노드는하는 #text 항상
- 노드 이름의 문서 노드는 항상 #document입니다
참고 : 노드 이름은 항상 대문자 HTML 요소의 태그 이름을 포함합니다.
nodeValue를 등록
NodeValue를 속성 값 지정된 노드.
- nodeValue를 요소 노드는 정의되지 않았거나 null의 경우
- nodeValue를 텍스트 노드는 텍스트 자체
- nodeValue를 속성 노드는 속성 값
요소의 값을 가져옵니다
다음의 예는 <P 아이디 = "인트로"> 태그 텍스트 노드 값을 검색합니다 :
예
<html>
<body>
<p id="intro">Hello World!</p>
<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
</html>
<body>
<p id="intro">Hello World!</p>
<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
</html>
»시도
nodeType에 등록
nodeType에 속성 노드의 유형을 반환합니다. nodeType에 읽기 전용입니다.
노드 유형이 더 중요하다 :
요소 유형 | 이는 NodeType |
---|---|
요소 | (1) |
재산 | 이 |
본문 | 3 |
주의 | 8 |
파일 | 9 |