HTML DOM কোট অবজেক্ট একটি HTML নথির উপাদানকে উপস্থাপন করে।
আসুন q অবজেক্ট −
তৈরি করিসিনট্যাক্স
নিচের সিনট্যাক্স −
document.createElement(“Q”);
সম্পত্তি
নিচে উদ্ধৃতি বস্তুর বৈশিষ্ট্য −
| সম্পত্তি | ব্যাখ্যা |
|---|---|
| উদ্ধৃত করুন | এটি একটি HTML নথিতে একটি উদ্ধৃতি উপাদানের উদ্ধৃতি বৈশিষ্ট্যের মান প্রদান করে এবং পরিবর্তন করে৷ |
উদাহরণ
আসুন HTML DOM কোট অবজেক্ট -
-এর একটি উদাহরণ দেখি<!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>DOM quote Object Demo</h1>
<button onclick="createQuote()" class="btn">Create a quote object</button>
<script>
function createQuote() {
var qElement = document.createElement("Q");
qElement.innerHTML="WordPress is software designed for everyone, emphasizing accessibility,
performance, security, and ease of use. We believe great software should work with minimum set
up, so you can focus on sharing your story, product, or services freely. ";
qElement.setAttribute("cite","https://wordpress.org/about/");
document.body.appendChild(qElement);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি উদ্ধৃতি বস্তু তৈরি করুন-এ ক্লিক করুন ” একটি উদ্ধৃতি বস্তু তৈরি করতে বোতাম -
