Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính text của Title trong HTML DOM

Thuộc tính text của Title trong HTML DOM thiết lập hoặc trả về giá trị của phần tử <title> của tài liệu.

Cú pháp

Lấy giá trị chuỗi:

titleElementObject.text

Thiết lập text thành giá trị chuỗi:

titleElementObject.text = chuỗi

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính Title text:

<!DOCTYPE html>
<html>
<head>
  <title id="titleSelect">HTML DOM Title text</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <legend id="legendSelect"></legend>
      <input type="button" onclick="getTitleText()" value="Tiêu đề tài liệu là gì?">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var legendSelect = document.getElementById("legendSelect");
    var titleSelect = document.getElementById("titleSelect");
    function getTitleText() {
      divDisplay.textContent = 'Tiêu đề tài liệu: ' + titleSelect.text;
      legendSelect.textContent = titleSelect.text.split(' ').join('-');
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Tiêu đề tài liệu là gì?':

Thuộc tính text của Title trong HTML DOM

Sau khi nhấn nút 'Tiêu đề tài liệu là gì?':

Thuộc tính text của Title trong HTML DOM