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

ออบเจ็กต์ var ของ HTML DOM แทนองค์ประกอบ <var> ของเอกสาร HTML

สร้างออบเจ็กต์ var −

ไวยากรณ์

ไวยากรณ์มีดังนี้ −

document.createElement("VAR");

ลองดูตัวอย่างออบเจ็กต์ var −

ตัวอย่าง

<!DOCTYPE html> <html> <style>    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6;       outline: none;       cursor: pointer;       border-radius: 20px;    } </style> <body> <h1>การสาธิตออบเจ็กต์ var ของ DOM</h1> <button onclick="createHr()" class="btn">สร้างออบเจ็กต์ var</button> <script>    function createHr() {       var varElement = document.createElement("VAR");       varElement.innerHTML = 'This is a var element in HTML';       document.body.appendChild(varElement);    } </script> </body> </html>

ผลลัพธ์

คลิกปุ่ม สร้างออบเจ็กต์ var เพื่อสร้างออบเจ็กต์ var −