এইচটিএমএল ডোম Pre অবজেক্ট
Pre অবজেক্ট
Pre অবজেক্ট একটি এইচটিএমএল <pre> এলিমেন্ট কে প্রতিনিধিত্ব করে।
একটি Pre অবজেক্ট তৈর
document.createElement() মেথড ব্যবহার করে আপনি একটি <pre> এলিমেন্ট তৈরী করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("pre");
var b = document.createTextNode("The Vanga Kingdom was a powerful seafaring nation of Ancient India.");
a.appendChild(b);
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
একটি Pre অবজেক্ট এক্সেস
getElementById() ব্যবহার করে আপনি একটি <pre> এলিমেন্ট এক্সেস করতে পারবেন :
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<pre id="test">The Vanga Kingdom was a powerful seafaring nation of Ancient India.</pre>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test");
a.style.backgroundColor = "teal";
}
</script>
</body>
</html>ফলাফল
Pre অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| width | এইচটিএমএল(৫)-এ সমর্থন করে না। এর পরিবর্তে
style.width ব্যবহার করুন। পূর্ববিন্যাসিত লেখার প্রস্থ এট্রিবিউটের ভ্যালু সেট করে বা রিটার্ন করে । |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |