কম্পিউটার টিউটোরিয়াল

HTML DOM Pre অবজেক্ট


HTML DOM Pre অবজেক্ট HTML ডকুমেন্টের

 এলিমেন্টকে রিপ্রেজেন্ট করে।

Pre অবজেক্ট তৈরি করা

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

document.createElement("PRE");

উদাহরণ

Pre অবজেক্টের একটি উদাহরণ দেখি:

<!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;    }    pre{       font-size:1.2rem;       color:#db133a;    } </style> </head> <body> <h1>DOM pre Object Demo</h1> <button onclick="createPre()" class="btn">Create a pre object</button> <script>    function createPre() {       var preElement = document.createElement("PRE");       preElement.innerHTML="Hi! I'm a pre HTML element";       document.body.appendChild(preElement);    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Pre অবজেক্ট

Create a pre object বাটনে ক্লিক করুন একটি pre অবজেক্ট তৈরি করতে।

HTML DOM Pre অবজেক্ট


  1. HTML DOM DT অবজেক্ট

  2. HTML DOM dl অবজেক্ট

  3. HTML DOM HR অবজেক্ট

  4. HTML DOM Ul অবজেক্ট