HTML DOM Label অবজেক্ট

ওভারভিউ

HTML DOM Label অবজেক্ট HTML-এ <label> এলিমেন্টকে রিপ্রেজেন্ট করে।

সিনট্যাক্স

var labelObject = document.createElement("LABEL")

প্রপার্টিজ

উদাহরণ

Label htmlFor প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>Label htmlFor</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>Label-htmlFor</legend> <label id="CurrentEditor" for="editorTwo">Current Editor:</label><br> <input type="text" id="editorOne" placeholder="editorOne"> <input type="text" id="editorTwo" placeholder="editorTwo"> <input type="button" onclick="getEventData()" value="Change Editor"> <div id="divDisplay">Label for attribute set as editor two</div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var labelSelect = document.getElementById("CurrentEditor");    function getEventData() {       if(labelSelect.htmlFor === 'editorTwo'){          divDisplay.textContent = 'Label for attribute set as editor one';          labelSelect.htmlFor = 'editorOne';       }    } </script> </body> </html>

আউটপুট

'Change Editor' বাটনে ক্লিক করার আগে:

'Change Editor' বাটনে ক্লিক করার পর: