資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 按鈕 value 屬性
HTML DOM Button value 屬性與 <button> 元素的 value 屬性相關。它指定按鈕的隱藏值。value 屬性設定或返回按鈕 value 屬性的值。單擊按鈕時，瀏覽器通常會提交 value 文字，而其他瀏覽器提交 <button> 元素之間的文字。
語法
以下是語法 −
設定 value 屬性 −
buttonObject.value = text
此處，text 屬性值是賦予按鈕的初始值。
示例
我們來看一個按鈕 value 屬性的示例 −
<!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>輸出
它將生成以下輸出 −
單擊 CHANGE −
我們首先建立一個按鈕，其 value 為 “FirstButton”，id 為 “button1”。
<button id="Button1" name="random" value="FirstButton">My Button</button>
然後，我們建立一個 CHANGE 按鈕，它將在單擊時執行 changeFunc()。
<button onclick="changeFunc()">CHANGE</button>
changeFunc() 方法將使用其 id “Button1” 獲取第一個按鈕元素，並將其 value 從 “FirstButton” 更改為 “SecondButton”。然後將新更改的按鈕 value 賦值給變數 x，並在具有 id “Sample” 的段落中顯示它。
function changeFunc() {
document.getElementById("Button1").value = "SecondButton";
var x=document.getElementById("Button1").value;
document.getElementById("Sample").innerHTML="The button value is now "+x;
}
更新日期：20-2-2021
195 次瀏覽
廣告