Computer >> Máy Tính >  >> Lập trình >> HTML

Đối tượng Chú giải DOM HTML

Đối tượng Chú giải DOM HTML trong HTML đại diện cho phần tử.

Cú pháp

Sau đây là cú pháp -

Tạo phần tử

var legendObject = document.createElement(“LEGEND”)

Thuộc tính

Đây, “LegendObject” có thể có các thuộc tính sau -

Thuộc tính Mô tả
biểu mẫu Nó trả về một tham chiếu của biểu mẫu bao có chứa phần tử chú giải

Ví dụ

Hãy để chúng tôi xem một ví dụ cho Dạng chú giải tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Legend form</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 id="Mid-Term">
<fieldset>
<legend id="legendForm">Legend-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var legendForm = document.getElementById("legendForm");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+legendForm.form.id;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Những kỳ thi nào trong tuần này?’ nút -

Đối tượng Chú giải DOM HTML

Sau khi kiểm tra ‘Bài kiểm tra nào trong tuần này?’ nút -

Đối tượng Chú giải DOM HTML