HOWTO · JavaScript

JavaScript 페이지 제목 가져오기

JavaScript 속성을 통해 모든 웹 페이지의 제목을 쉽게 가져올 수 있습니다. 이 드라이브에서 document.title이 큰 역할을 합니다. 또한 getElementsByTagName을 상호 교환하여 사용할 수 있습니다.

작성자 Anika Tabassum Era게시일 2023-06-20업데이트 2024-02-15

페이지 제목은 웹페이지에 고유한 식별 정보를 제공합니다. 이 제목은 일부 JavaScript 속성으로 잡거나 조작할 수 있습니다.

이 작업을 수행하는 이유는 페이지에 대한 알림을 받기 위해서입니다. 다음 예에서는 페이지 제목을 가져오는 방법을 다루는 두 가지 인스턴스를 볼 수 있습니다.

첫 번째는 제목 이름을 가져오고 조작할 수 있는 document.title 속성에 중점을 둡니다. 두 번째로 TagName의 인스턴스를 만들어 제목을 가져올 수 있는지 확인합니다.

`document.title` 속성을 사용하여 JavaScript에서 페이지 제목 가져오기

이 인스턴스에서 document.title 속성이 제목을 가져오는 방법을 살펴보겠습니다. 페이지에 새 제목을 설정하지 않으면 속성은 기본적으로 미리 정의된 제목을 가져옵니다.

여기서 document.title은 Test를 반환하지만 값을 Title Changed로 설정하면 이것이 새 제목입니다.

코드 조각:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Test</title>
</head>
<body>
  <script>
    document.title = "Title Changed"
console.log(document.title);
    </script>
</body>
</html>

출력:

document.title 속성을 사용하여 페이지 제목 가져오기

`getElementsByTagName`을 사용하여 JavaScript에서 페이지 제목 가져오기

TagName을 처리하는 경우 인스턴스를 가져오고 innerHTML 속성이 있는 제목이라고도 하는 내용을 가져오려고 시도합니다.

코드 조각:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Another Test</title>
</head>
<body>
<script>
  var title = document.getElementsByTagName("title")[0].innerHTML;
  console.log(title)
  </script>
</body>
</html>