자바스크립트의 문서 객체 메소드

문서 개체는 다음을 포함하여 HTML 문서에 액세스하고 수정하는 다양한 방법을 제공합니다. 지정된 ID를 가진 요소 가져오기(getElementById를 통해) 태그 이름을 기반으로 요소 컬렉션 가져오기(getElementsByTagName을 통해) 클래스 이름(getElementsByClassName을 통해) CSS 선택 사용 요소 찾기(querySelector 및 querySelectorAll을 통해) 새 요소 생성(createElement를 통해) 문서에서 요소 제거(removeChild를 통해) 문서에 요소 추가(

메서드 JavaScript의 문서 개체

문서 개체는 HTML 문서에 액세스하고 수정하는 다양한 방법을 제공하는 중요한 역할을 합니다. 다음은 문서 개체의 몇 가지 일반적인 방법입니다.

1.

ID가 있는 지정된 HTML 요소를 가져옵니다.

예:

<code class="javascript">const element = document.getElementById('my-element');</code>

2.getElementsByTagName(name)

지정된 태그 이름이 있는 HTML 요소 컬렉션을 가져옵니다.

예:

아아아아

3. getElementsByClassName(이름)

지정된 클래스 이름을 가진 HTML 요소 컬렉션을 가져옵니다.

예:

<code class="javascript">const elements = document.getElementsByTagName('p');</code>

4. querySelector(selector)

CSS 선택기를 사용하여

예:

<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>

5.querySelectorAll(selector)

CSS 선택기를 사용하여 일치하는 모든 HTML 요소를 찾습니다.

예:

<code class="javascript">const element = document.querySelector('div.my-div');</code>

6.

새 HTML 요소를 만듭니다.

예:

<code class="javascript">const elements = document.querySelectorAll('p.my-paragraph');</code>

7.removeChild(element)

문서에서 HTML 요소를 제거합니다.

예:

<code class="javascript">const element = document.createElement('p');</code>

8. 힐드(요소)

문서에 HTML 요소를 추가합니다.

예:

<code class="javascript">document.body.removeChild(element);</code>

9. write(text)

문서에 텍스트를 씁니다.

예:

<code class="javascript">document.body.appendChild(element);</code>

10. 쓰세요( text) )

문서에 텍스트를 쓰고 포장하세요

예:

<code class="javascript">document.write('Hello, world!');</code>

.

위 내용은 자바스크립트의 문서 객체 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!