Đối tượng chỉ số dưới DOM HTML

Đối tượng chỉ số DOM HTML đại diện cho phần tử _{của tài liệu HTML.}

Hãy để chúng tôi xem cách tạo đối tượng chỉ số dưới

Cú pháp

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

document.createElement(“SUB”);

Ví dụ

Hãy để chúng tôi xem một ví dụ về đối tượng chỉ số dưới DOM HTML -

<!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 subscript Object Demo</h1>
<button onclick="createSub()" class="btn">Create a subscript object</button>
<script>
   function createSub() {
      var subElement = document.createElement("SUB");
      subElement.innerHTML = "This is a subscript element"
      document.body.appendChild(subElement);
   }
</script>
</body>
</html>

Đầu ra

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

Đối tượng chỉ số dưới DOM HTML

Nhấp vào “ Tạo đối tượng chỉ số con ”Để tạo một đối tượng chỉ số con. Văn bản hiển thị sau khi nhấp vào nút là một chỉ số phụ, xuất hiện nửa ký tự bên dưới dòng bình thường -

Đối tượng chỉ số dưới DOM HTML