HTML DOM 메소드


메서드는 노드(HTML 요소)에서 수행할 수 있는 작업입니다.

프로그래밍 인터페이스

는 JavaScript(및 기타 프로그래밍 언어)를 통해 HTML DOM에 대한 액세스를 제공합니다.

모든 HTML 요소는 객체로 정의되며 프로그래밍 인터페이스는 객체 메서드 및 객체 속성입니다.

메서드는 수행할 수 있는 작업(예: 요소 추가 또는 수정)입니다.

속성은 가져오거나 설정할 수 있는 값(예: 노드의 이름 또는 콘텐츠)입니다.

getElementById() 메소드

getElementById() 메소드는 지정된 ID를 가진 요소를 반환합니다.

Instance

<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>This example demonstrates the <b>getElementById</b> method!</p>

<script>
x=document.getElementById("intro");
document.write("<p>The text from the intro paragraph: " + x.innerHTML + "</p>");
</script>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

HTML DOM 개체 - 메서드 및 속성

일반적으로 사용되는 일부 HTML DOM 메서드:

  • getElementById(id) - 지정된 ID를 가진 노드(요소) 가져오기

  • appendChild(node) - 새 하위 항목 삽입 노드(요소)

  • removeChild(노드) - 하위 노드(요소) 제거

일반적으로 사용되는 일부 HTML DOM 속성:

  • innerHTML - 노드(요소)의 텍스트 값

  • parentNode - (요소)의 노드 상위 노드

  • childNodes - 노드의 하위 노드(요소)

  • attributes - 노드의 속성 노드(요소)

이에 대한 자세한 내용은 다음 장에서 배우게 됩니다. 속성에 대한 튜토리얼 지식.

실제 사물

누군가는 사물입니다.

인간의 메소드는 eat(), sleep(), work(), play() 등이 될 수 있습니다.

모두 이러한 메서드가 있지만 실행하는 시간은 다릅니다.

사람의 속성에는 이름, 키, 몸무게, 나이, 성별 등이 포함됩니다.

모든 인간은 이러한 속성을 가지고 있지만 그 가치관은 사람마다 다릅니다.

일부 DOM 개체 메서드

다음은 이 튜토리얼에서 배우게 될 몇 가지 일반적인 메서드입니다.

方法描述
getElementById()返回带有指定 ID 的元素。
getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName()返回包含带有指定类名的所有元素的节点列表。
appendChild()把新的子节点添加到指定节点。
removeChild()删除子节点。
replaceChild()替换子节点。
insertBefore()在指定的子节点前面插入新的子节点。
createAttribute()创建属性节点。
createElement()创建元素节点。
createTextNode()创建文本节点。
getAttribute()返回指定的属性值。
setAttribute()把指定属性设置或修改为指定的值。