Tiêu đề tài liệu trong JavaScript là gì?

Tiêu đề của tài liệu có thể được thay đổi hoặc truy xuất bằng cách sử dụng “tài liệu. tiêu đề” thuộc tính. Có thể thay đổi tiêu đề của trang bằng cách cung cấp tên hoặc tiêu đề mới dưới dạng chuỗi cho thuộc tính này

Cú pháp
Tuân thủ cú pháp đã cho để sử dụng thuộc tính “document. title” để thay đổi tiêu đề trang.

tài liệu. title = "newTitle";

Ví dụ
Tạo một nút trong tệp HTML sẽ thay đổi tiêu đề trang trong sự kiện nhấp chuột.

< nhấp vào nút ="changeTitle"><Click to Change the Title of the Pagebutton>

Tại đây, tiêu đề trang của trang HTML đã tạo là “Tài liệu” sẽ được thay đổi bằng cách nhấp vào nút

Trong tệp JavaScript, hãy xác định một hàm, “changeTitle()” trong đó đặt tiêu đề mới cho trang sẽ được thay đổi bằng cách sử dụng “tài liệu. tiêu đề” thuộc tính

hàm changeTitle () {
 document.tiêu đề = 'LinuxHint';
}

đầu ra

Đầu ra ở trên cho thấy tiêu đề trang được thay đổi thành công khi nhấp vào nút

Phương pháp 2. Thay đổi tiêu đề trang bằng phương thức querySelector()

Có một cách khác để thay đổi tiêu đề trang, sử dụng phương thức “querySelector()” với thuộc tính “textContent”. Phương thức này lấy một phần tử DOM làm đối số và sau đó thay đổi tiêu đề hiện tại của trang bằng thuộc tính textContent

Cú pháp
Sử dụng cú pháp sau để thay đổi tiêu đề trang bằng phương thức “querySelector()”.

tài liệu. querySelector('title').textContent = "newTitle";

Ví dụ
Xác định hàm “changeTitle()” và đặt tiêu đề mới cho trang bằng cách chọn thành phần “title” trong phương thức “querySelector()”.

hàm changeTitle () {
 document.querySelector('title').textContent = 'LinuxHint';
}

đầu ra

Có thể quan sát thấy từ đầu ra rằng tiêu đề của trang đã được thay đổi bằng JavaScript

Phần kết luận

Để thay đổi tiêu đề trang, hãy sử dụng “tài liệu. title” hoặc phương thức “querySelector()” với thuộc tính “textContent”. Để thay đổi tiêu đề trang, tùy chọn “tài liệu. thuộc tính title” là phương pháp được sử dụng rộng rãi nhất. Nó nhanh chóng thay đổi tiêu đề của trang, trong khi phương thức thứ hai trước tiên tìm nạp phần tử tiêu đề và sau đó thay đổi giá trị của nó Bài đăng trên blog này trình bày các cách thay đổi tiêu đề của trang trong JavaScript

Thuộc tính document.title được sử dụng để đặt hoặc truy xuất tiêu đề hiện tại của tài liệu. Tiêu đề của trang có thể được sửa đổi bằng cách gán tiêu đề mới dưới dạng chuỗi cho thuộc tính này

Tiêu đề của trang web sau đó sẽ được thay đổi thành tiêu đề đã chọn

cú pháp

newPageTitle = 'Title changed!';
document.title = newPageTitle;

Ví dụ

    
        
            Dynamically change a web
            page's title
        
    
    
        
            Dynamically change a web
            page's title
        
        

            Click on the button to change the page
            title to: "title changed!"
        
        
            Change Page Title
        
        
    

Đầu ra trước khi nhấp vào nút

Đầu ra sau khi nhấp vào nút

Sử dụng Phương pháp querySelector() để Thay đổi Tiêu đề Trang trong JavaScript

Chúng ta có thể sử dụng phương thức document.querySelector() để chọn các thành phần trong tài liệu

Có thể chọn phần tử tiêu đề bằng cách cung cấp cho phần tử tiêu đề một tham số bộ chọn và truy xuất phần tử tiêu đề chính của trang

Thuộc tính textContent của phần tử trả về nội dung văn bản của một vị trí cụ thể. Tiêu đề của trang có thể được sửa đổi bằng cách đặt thuộc tính textContent thành tiêu đề mới được yêu cầu dưới dạng chuỗi

Tiêu đề hiện tại của tài liệu có thể được lấy hoặc thay đổi bằng cách sử dụng tài liệu. thuộc tính tiêu đề. Khi xuất hiện, giá trị của

is used by default.

You can change or get the current title of the document using the document.title attribute. By providing a new title as a string to this attribute, the page's title can be changed. The chosen title will immediately be reflected in the website's title.

In this article you will see two types of methods used to change or use Document.title() use in JavaScript

• Using the document.title property − You may set or get the current title of the document using the document.title property. By passing the new title as a string towards this property, the title of the page could be modified. By doing this, the recommended title of the website will be changed.

Syntax

Following is the syntax of document.title property

newPageTitle = 'The title has changed!'; document.title = newPageTitle; 

Value

A string with the title of the document in it. It includes the value of document.title if the title was modified by setting it. If not, the markup-specified title is present.

The new title of the paper is newTitle. The assignment has an impact on the document's return value. title, the title that is published for the document, such as in the window or tab's titlebar, as well as having an impact on the page's DOM, such as the content of the