HTML DOM Mark অবজেক্ট

HTML DOM Mark অবজেক্ট HTML-এ <mark> এলিমেন্টকে প্রতিনিধিত্ব করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<mark> এলিমেন্ট তৈরি করা

var markObject = document.createElement(“MARK”)

উদাহরণ

HTML DOM Mark এলিমেন্টের জন্য একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <head> <title>HTML DOM Mark</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Mark</legend> <label>Full Name: <input type="text" id="textSelect" autocomplete="off"> <input type="button" value="Submit" onclick="createMark()"> </label> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    function createMark() {       if(textSelect.value === ''){          var mark = document.createElement('MARK');          var textInput = document.createTextNode('Name Required');          mark.appendChild(textInput);          divDisplay.insertAdjacentElement("afterbegin", mark);       }    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

『Submit』 বাটনে ক্লিক করার আগে:

HTML DOM Mark অবজেক্ট

『Submit』 বাটনে ক্লিক করার পর:

HTML DOM Mark অবজেক্ট