HTML DOM बटन नाम गुण
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैनाम संपत्ति सेट करना -
buttonObject.name = name
यहां, बटन के नाम को दर्शाने के लिए नाम गुण मान का उपयोग किया जाता है।
उदाहरण
आइए हम बटन नाम संपत्ति का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<button id="button1" name="btn1">BUTTON</button>
<p>Click the button below and change the above button name.</p>
<button onclick="change()">CHANGE</button>
<p id="Sample"></p>
<script>
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले "button1" आईडी और नाम "btn1" के साथ एक बटन बनाया है
<button id="Button1">BUTTON</button>
हमने तब चेंज बटन बनाया है जो क्लिक पर मेथड चेंज () को निष्पादित करता है।
<button onclick="change()">CHANGE</button>
परिवर्तन () फ़ंक्शन को "बटन 1" आईडी के साथ बटन तत्व मिलता है और इसके नाम विशेषता मान को "सेकंड बटन" में बदल देता है। बटन का नाम मान तब वेरिएबल x को असाइन किया जाता है और अंत में "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया जाता है
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
} है