วิธีดึงค่าของปุ่ม (Button) ด้วย JavaScript

ใช้คุณสมบัติ value เพื่อดึงค่าของปุ่ม (button) ใน JavaScript

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อดึงค่าของปุ่ม:

<!DOCTYPE html>
<html>
  <body>
    <form id="myForm">
      <button id="btn" type="button" value="my_button">My Button</button>
    </form>
    <script>
      var str1 = document.getElementById("btn").innerHTML;
      var str2 = document.getElementById("btn").value;
      document.write("Button text: "+str1);
      document.write("<br>Button value: "+str2);
    </script>
  </body>
</html>

ความแตกต่าง: innerHTML / textContent = ข้อความที่แสดงบนปุ่ม ("My Button") | value = ค่าที่ส่งไปกับฟอร์มเมื่อกด submit ("my_button") สำหรับ <input type="button"> ค่า value จะเป็นข้อความบนปุ่มด้วย