JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门Input Button form 属性
Button 对象
定义和用法
form 属性可返回对包含该按钮的表单的引用。
如果包含该按钮，则返回一个 form 对象，如果未包含该按钮，则返回 null。
语法
buttonObject.form
浏览器支持
所有主要浏览器都支持 form 属性
实例
实例
下面的例子可返回包含按钮的表单的 id：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script>
function displayResult(){
var x=document.getElementById("button1").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
<input type="button" onclick="displayResult()" value="显示包含按钮的表单id" id="button1">
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script>
function displayResult(){
var x=document.getElementById("button1").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
<input type="button" onclick="displayResult()" value="显示包含按钮的表单id" id="button1">
</form>
</body>
</html>
尝试一下 »
Button 对象