Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Đối tượng Samp trong HTML DOM

Đối tượng Samp trong HTML DOM đại diện cho phần tử <samp> của một tài liệu HTML.

Hãy tạo một đối tượng samp:

Cú pháp

Cú pháp như sau:

document.createElement(“SAMP”);

Ví dụ

Dưới đây là ví dụ về đối tượng samp:

<!DOCTYPE html> <html> <head> <style>    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .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;    }    p{       font-size:1.2rem;       background-color:#db133a;       color:#fff;       padding:8px;    } </style> </head> <body> <h1>Demo đối tượng DOM Samp</h1> <button onclick="createSamp()" class="btn">Tạo một đối tượng samp</button> <script>    function createSamp() {       var sampElement = document.createElement("SAMP");       sampElement.innerHTML="Kết quả của console.log(2+3) trong JavaScript là 5";       document.body.appendChild(sampElement);    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Đối tượng Samp trong HTML DOM

Nhấn vào nút 「Tạo một đối tượng samp」 để tạo một đối tượng samp.

Đối tượng Samp trong HTML DOM