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