Đối tượng chỉ số trên 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 superscript -
Cú pháp
Sau đây là cú pháp -
document.createElement(“SUP”);
Ví dụ
Hãy để chúng tôi xem một ví dụ về đối tượng superscript -
<!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 Demo</h1>
<button onclick="createSup()" class="btn">Create a superscript object</button>
<script>
function createSup() {
var supElement = document.createElement("SUP");
supElement.innerHTML = "This is a superscript element"
document.body.appendChild(supElement);
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Tạo đối tượng chỉ số trên ”Để tạo một đối tượng chỉ số trên. Văn bản hiển thị sau khi nhấp vào nút là văn bản chỉ số trên, xuất hiện nửa ký tự phía trên dòng bình thường -
