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

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

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

ไวยากรณ์

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

document.createElement("ASIDE");

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

ตัวอย่าง

<!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;    }    aside {       border: 1.5px solid #db133a;       padding: 20px;    } </style> <body> <h1>การสาธิตออบเจ็กต์ aside ของ DOM</h1> <button onclick="createAside()" class="btn">สร้างออบเจ็กต์ aside</button> <script>    function createAside() {       var asideElement = document.createElement("ASIDE");       asideElement.innerHTML = 'I\'m an aside element<h3>This is a h3 element inside an aside element</h3><p>This is a paragraph element inside an aside element</p>';       document.body.appendChild(asideElement);    } </script> </body> </html>

ผลลัพธ์

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