HTML DOM 속성

수집 49

공유하다

읽다 20172

업데이트 시간 2016-09-11

HTML DOM 메소드

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은 속성입니다.

	innerHTML 属性可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>。

innerHTML 속성은 <html>을 포함한 모든 HTML 요소를 가져오거나 변경하는 데 사용할 수 있습니다. ; 및 <본문>.

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>