数据结构
网络
关系型数据库管理系统
操作系统
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
广告