JavaScript 페이지 제목 가져오기
Anika Tabassum Era
2024년2월15일
-
document.title속성을 사용하여 JavaScript에서 페이지 제목 가져오기 -
getElementsByTagName을 사용하여 JavaScript에서 페이지 제목 가져오기
페이지 제목은 웹페이지에 고유한 식별 정보를 제공합니다. 이 제목은 일부 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>
출력:
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>
출력:
