資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會科學
時尚學
法學HTML DOM 按鈕名稱屬性
HTML DOM 按鈕的 name 屬性與 <button> 元素的 name 屬性相關。name 屬性用於設定或返回按鈕的 name 屬性值。name 屬性用於在表單中使用 JavaScript 選擇元素。
語法
以下是語法 −
設定 name 屬性 −
buttonObject.name = name
此處，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>輸出
將產生以下輸出 −
點選 CHANGE −
在上例中 −
我們首先建立了一個 id 為“button1”和 name 為“btn1”的按鈕。
<button id="Button1">BUTTON</button>
然後，我們建立了 CHANGE 按鈕，該按鈕在點選時執行 change() 方法。
<button onclick="change()">CHANGE</button>
change() 函式獲取 id 為“button1”的按鈕元素，並將其 name 屬性值更改為“SECOND BUTTON”。然後將按鈕的 name 值賦給變數x，最後顯示在 id 為“Sample”的段落中。
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
}
更新時間：2019-08-07
瀏覽量：233
廣告