Thuộc tính tiêu đề DOM HTML trả về / đặt một chuỗi tương ứng với giá trị của thuộc tính tiêu đề của một phần tử HTML. Giá trị tiêu đề hiển thị khi di chuột qua phần tử HTML.
Sau đây là cú pháp -
Trả về giá trị chuỗi
ElementOfHTMLObject.title
Đặt tiêu đề thành một giá trị chuỗi
ElementOfHTMLObject.title = string
Ví dụ
Hãy để chúng tôi xem ví dụ về tiêu đề HTML DOM tài sản -
<!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="Better define the above field">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var textSelect = document.getElementById("textSelect");
function getTitle() {
if(textSelect.title === ''){
divDisplay.textContent = 'Details defined now! Please hover over field';
textSelect.title = 'Full Name Expected';
}
}
</script>
</body>
</html> Đầu ra
Trước khi nhấp vào ‘Xác định tốt hơn trường ở trên’ nút -
Sau khi nhấp vào ‘Xác định tốt hơn trường ở trên’ nút -
