อ็อบเจ็กต์ Title ของ HTML DOM

อ็อบเจ็กต์ Title ใน HTML DOM แทนองค์ประกอบ <title>

การสร้างองค์ประกอบ <title>

var titleObject = document.createElement("TITLE")

คุณสมบัติของ Title Object

คุณสมบัติ	คำอธิบาย
`text`	อ่าน/กำหนดค่าขององค์ประกอบ <title> ของเอกสาร

ตัวอย่างการใช้งาน

ตัวอย่างเดียวกับคุณสมบัติ text ของ Title (บทความก่อนหน้า) แต่แสดงในบริบทของ Title Object

<!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="What's the title of document?">
      <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 = 'Title of document: '+titleSelect.text;
    legendSelect.textContent = titleSelect.text.split(' ').join('-');
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนกดปุ่ม "What's the title of document?":

อ็อบเจ็กต์ Title ของ HTML DOM

หลังกดปุ่ม "What's the title of document?":

อ็อบเจ็กต์ Title ของ HTML DOM