ออบเจ็กต์ HTML DOM Superscript

ออบเจ็กต์ superscript (หรือ sup) ของ HTML DOM แทนองค์ประกอบ <sup> ในเอกสาร HTML ใช้แสดงข้อความยกกำลังหรือตัวห้อยบน

ไวยากรณ์ (Syntax)

สร้างออบเจ็กต์ superscript ใหม่:

document.createElement("SUP");

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

ตัวอย่างสร้างองค์ประกอสคริปต์แบบไดนามิก

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    text-align: center;
    background-color: #fff;
    color: #0197F6;
  }
  h1 {
    color: #23CE6B;
  }
  .btn {
    background-color: #fff;
    border: 1.5px dashed #0197F6;
    height: 2rem;
    border-radius: 2px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #0197F6;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>ตัวอย่าง DOM superscript Object</h1>
<button onclick="createSup()" class="btn">สร้างออบเจ็กต์ superscript</button>
<script>
  function createSup() {
    var supElement = document.createElement("SUP");
    supElement.innerHTML = "นี่คือข้อความตัวห้อยบน (superscript)";
    document.body.appendChild(supElement);
  }
</script>
</body>
</html>

ผลลัพธ์

ก่อนคลิกปุ่ม - ไม่มีข้อความ superscript

หลังคลิกปุ่ม - ข้อความ "นี่คือข้อความตัวห้อยบน (superscript)" ปรากฏในรูปแบบตัวห้อยบน (อยู่เหนือบรรทัดพื้นฐานครึ่งตัวอักษร)

การใช้งานทั่วไป: สูตรคณิตศาสตร์ (x²), อ้างอิงอ้างอิง^[1], สัญลักษณ์ลิขสิทธิ์©, สัญลักษณ์เครื่องหมายการค้า™