এইচটিএমএল ডোম Output অবজেক্ট
Output অবজেক্ট
Output অবজেক্ট এইচটিএমএল(৫)এ নতুন
Output অবজেক্ট এইচটিএমএল <output> এলিমেন্টকে প্রতিনিধিত্ব করে।
তথ্যঃ <output> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার/Edge এ সাপোর্ট করে না।
output অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <output> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form id="test" oninput="u.value=parseInt(num1.value)+parseInt(num2.value)">0
<input type="range" id="num1" value="50">100
+ <input type="number" id="num2" value="20"> =
</form>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("output");
a.setAttribute("name", "u");
a.setAttribute("for", "num1 num2");
document.getElementById("test").appendChild(a);
}
</script>
</body>
</html>ফলাফল
Output অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <output> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form oninput="u.value=parseInt(num1.value)+parseInt(num2.value)">0
<input type="range" id="num1" value="50">100
+ <input type="number" id="num2" value="20">
= <output id="test" name="u" for="num1 num2"></output>
</form>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").name;
alert(a);
}
</script>
</body>
</html>ফলাফল
পরামর্শঃ একটি ফর্মের এলিমেন্টের কালেকশনে সার্চ করে আপনি <output> কে এক্সেস করতে পারেনঃ
আউটপুট অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| defaultValue | একটি <output> এলিমেন্টের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে। |
| form | একটি <output> এলিমেন্টসহ একটি ফর্মের রেফারেন্স রিটার্ন করে। |
| htmlFor | একটি <output> এলিমেন্টের for এট্রিবিউটের ভ্যালু রিটার্ন করে। |
| labels | <output> এলিমেন্টের সাথে যুক্ত <label> এলিমেন্টের তালিকা রিটার্ন করে |
| name | একটি <output> এলিমেন্টের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| type | কোন টাইপের এইচটিএমএল এলিমেন্টকে Output অবজেক্ট প্রতিনিধিত্ব করে তা রিটার্ন করে। |
| value | একটি <output> এলিমেন্টের ভ্যালু সেট বা রিটার্ন করে |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |