JS의 문서 속성 및 메서드

JavaScript에서 문서 개체는 HTML 문서 전체를 나타내는 매우 중요한 전역 개체입니다. 문서 개체를 통해 HTML 문서의 내용과 구조에 액세스하고 수정할 수 있습니다. 다음은 몇 가지 일반적인 문서 속성 및 메서드입니다.

Properties

1. document.title: 일반적으로 브라우저의 제목 표시줄이나 레이블에 표시되는 문서 제목을 가져오거나 설정합니다.

javascript

document.title = "新的页面标题";

2. document.URL: 문서의 전체 URL을 가져옵니다.

javascript

console.log(document.URL);

3. document.documentElement: 문서의 루트 요소(일반적으로 100db36a723c770d327fc0aef2ce13b1)를 가져옵니다.

javascript

console.log(document.documentElement);

4. document.body: 문서의 6c04bd5ca3fcae76e30b72ad730ca86d 요소를 가져옵니다.

javascript

console.log(document.body);

5. document.head: 문서의 93f0f5c25f18dab9d176bd4f6de5d30e 요소를 가져옵니다.

javascript

console.log(document.head);

6. document.referrer: 현재 페이지로 이동하는 이전 페이지의 URL을 가져옵니다.

javascript

console.log(document.referrer);

method

1. document.getElementById(id): 지정된 ID를 기반으로 요소를 가져옵니다.

javascript

var element = document.getElementById("myElementId");

2. document.getElementsByClassName(className): 지정된 클래스 이름을 기반으로 요소 컬렉션을 가져옵니다.

javascript

var elements = document.getElementsByClassName("myClassName");

3. document.getElementsByTagName(tagName): 지정된 태그 이름을 기반으로 요소 컬렉션을 가져옵니다.

javascript

var elements = document.getElementsByTagName("div");

4. document.querySelector(selector): 지정된 CSS 선택기와 일치하는 문서의 첫 번째 요소를 반환합니다.

javascript

var element = document.querySelector(".myClass");

5. document.querySelectorAll(selector): 지정된 CSS 선택기와 일치하는 문서의 모든 요소 요소의 NodeList(정적)를 반환합니다.

javascript

var elements = document.querySelectorAll(".myClass");

6. document.createElement(tagName): 새 요소를 만듭니다.

javascript

var newElement = document.createElement("div");

7. document.createTextNode(text): 새 텍스트 노드를 만듭니다.

javascript

var textNode = document.createTextNode("Hello, world!");

8. document.appendChild(node): 문서 요소에 하위 노드를 추가합니다.

javascript

someElement.appendChild(newElement);

9. document.removeChild(node): 문서에서 하위 노드를 제거합니다.

javascript

someElement.removeChild(childElement);

9. document.write(content): 문서에 HTML 표현식 또는 JavaScript 코드를 작성합니다.

javascript

document.write("<p>这是一个段落。</p>");

이것은 문서 개체의 속성과 메서드 중 일부일 뿐입니다. 실제로 문서 개체는 HTML 문서의 내용과 구조를 처리하기 위한 다른 많은 기능과 메서드를 제공합니다. 관련 JavaScript 문서나 튜토리얼을 참조하여 자세히 알아볼 수 있습니다.

위 내용은 JS의 문서 속성 및 메서드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!