Thuộc tính title trong HTML DOM

Thuộc tính title trong HTML DOM trả về hoặc thiết lập một chuỗi tương ứng với giá trị của thuộc tính title của một phần tử HTML. Giá trị title hiển thị khi di chuột qua phần tử HTML.

Cú pháp

Lấy giá trị chuỗi:

ElementOfHTMLObject.title

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

ElementOfHTMLObject.title = chuỗi

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM title</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>HTML-DOM-title</legend>
      <input type="text" id="textSelect" title="" >
      <input type="button" onclick="getTitle()" value="Định nghĩa rõ hơn trường trên">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var textSelect = document.getElementById("textSelect");
    function getTitle() {
      if (textSelect.title === '') {
        divDisplay.textContent = 'Đã định nghĩa chi tiết! Vui lòng di chuột qua trường';
        textSelect.title = 'Mong đợi Họ và Tên';
      }
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Định nghĩa rõ hơn trường trên':

Sau khi nhấn nút 'Định nghĩa rõ hơn trường trên':