DOM輸入類型按鈕對象用於表示type =“ button”的HTML <input>元素。 getElementById()可訪問輸入類型按鈕元素。
用法:
document.getElementById("ID");
其中“id”是分配給“input”標簽的ID。
示例1:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2> DOM Input Button Object </h2>
<!-- Assigning button id -->
<input type="button" id="GFG" onclick="myGeeks()" value="Submit">
<p id="sudo"></p>
<script>
function myGeeks() {
// accessing 'button' id.
var g = document.getElementById("GFG").value;
document.getElementById("sudo").innerHTML =
"Value od input type button is:" + g;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
示例-2:可以使用document.createElement方法創建輸入按鈕Object。
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
#GFG {
margin-left:45%;
margin-top:30px;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2> DOM Input Button Object </h2>
<h3 style="color:green;">
Click the Button to Create the Buttton</h3>
<button onclick="myGeeks()">Submit</button>
<script>
function myGeeks() {
var g = document.createElement("INPUT");
g.setAttribute("type", "button");
g.setAttribute("value", "Click me");
g.setAttribute("id", "GFG");
document.body.appendChild(g);
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:DOM輸入按鈕對象支持的瀏覽器如下:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML DOM button用法及代碼示例
- HTML Input Button type用法及代碼示例
- HTML Input Button value用法及代碼示例
- HTML Input Button name用法及代碼示例
- HTML Input Button form用法及代碼示例
- HTML Input Button autofocus用法及代碼示例
- HTML Input Button disabled用法及代碼示例
- HTML DOM Object用法及代碼示例
- HTML DOM Input Week用法及代碼示例
- HTML DOM Input Submit用法及代碼示例
- HTML DOM Input URL用法及代碼示例
- HTML DOM Input Time用法及代碼示例
- HTML DOM Input Hidden用法及代碼示例
- HTML DOM Input Range用法及代碼示例
- HTML DOM Input Reset用法及代碼示例
- HTML DOM Input Number用法及代碼示例
- HTML DOM Input Password用法及代碼示例
- HTML DOM Input Color用法及代碼示例
- HTML DOM Input Datetime用法及代碼示例
- HTML DOM Input Month用法及代碼示例
- HTML DOM Input Email用法及代碼示例
- HTML DOM Input Text用法及代碼示例
- HTML DOM Input Image用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Button Object。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。