জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম 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> এলিমেন্টের ভ্যালু সেট বা রিটার্ন করে

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন