এইচটিএমএল ডোম BR অবজেক্ট
BR অবজেক্ট
BR অবজেক্ট এইচটিএমএল <br> এলিমেন্টকে প্রতিনিধিত্ব করে।
BR অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <br> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<div id="test">
<span>হ্যালো,</span>
<span> আমার নাম শিল্পী।</span>
<span>আমি চাঁদপুরে বাস করি।</span>
<span>আমার বয়স ২৬ বছর।</span>
</div>
<script>
function myFunc() {
// Get the div element with id="test"
var div = document.getElementById("test");
var spans = div.getElementsByTagName("span");
var i;
for (i = 1; i < spans.length; i++) {
var newElem = document.createElement("br");
div.insertBefore(newElem, spans[i]);
}
}
</script>
</body>
</html>ফলাফল
BR অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <br> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<div>এটি লাইন ব্রেকসহ<br> একটি div <br id="test"> এলিমেন্ট</div>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.style.display = "none";
}
</script>
</body>
</html>ফলাফল
BR অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| clear | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.clear ব্যবহার করুন। ফ্লোটিং অবজেক্টের চারপাশের টেক্সটের ফ্লো সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |