INIDOG
html-code-dark

[JQuery] 사이트 제목(title) 텍스트 가져오기

JQuery 사이트 제목(title) 내용 추출


간혹 웹사이트 특정 페이지에서 <title> 태그의 콘텐츠를 읽어들이고 싶은 경우가 있습니다. JQuery를 이용하면 이를 쉽게 구현할 수 있습니다.

가령 다음과 같은 페이지가 있다고 가정해보겠습니다.

<!DOCTYPE HTML>
<html lang="ko">
    <head>
        <title>INIDOG 블로그</title>
        <meta charset="utf-8">
        <meta name="description" content="사이트 설명">
    </head>
    <body>
        <h1>안녕하세요. 블로그에 오신 것을 환영합니다.</h1>
        <p>(BODY 콘텐츠)</p>
    </body>
</html>

 

JQuery에서 $(document).find("title") 을 사용하면 document 셀렉터의 하위 객체인 title을 찾아서 선택합니다. 선택된 객체를 text() 함수를 사용하여 문자열을 가져오면 결과적으로 title 태그의 값인 사이트 제목을 가져올 수 있을 것입니다. 완성된 코드는 다음과 같습니다.

$(document).find("title").text();

이를 활용해서 웹페이지에 alert를 띄워보겠습니다.

var pageTitle = $(document).find("title").text();
alert(pageTitle);

 

jquery-get-title-content-examples

문제없이 <title> 태그의 값에 대한 경고 창이 나타나고 있습니다.

 

이 글에 대해 어떻게 생각하시나요?
유용한 포스트였나요? 여러분의 의견을 하단의 Vote와 댓글로 남겨주세요 🙂
유용합니다!
아쉽습니다.

여러분의 의견을 댓글로 남겨주세요.

avatar
error: