数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时装研究
法律研究HTML DOM Fieldset type 属性
HTML DOM Fieldset type 属性用于返回 fieldset 元素类型。对于 fieldset 元素而言，它将始终是 fieldset 类型。它是一个只读属性。
语法
以下是 Fieldset type 属性的语法 −
fieldsetObject.type
示例
我们来看一个 Fieldset type 属性的示例 −
<!DOCTYPE html>
<html>
<head>
<script>
function FieldType() {
var field = document.getElementById("FieldSet1").type;
document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="FieldType()">GET TYPE</button>
<p id="Sample"></p>
</body>
</html>输出
这将产生下列输出 −
点击获取类型按钮 −
在以上示例中 −
我们已在表单元素内创建了 ID 为 “FieldSet1” 的 fieldset 元素：
<form id="FORM1"> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>
然后，我们创建了一个 “获取类型” 按钮，当用户点击时，它将执行 FieldType() 函数：
<button onclick="FieldType()">GET TYPE</button>
FieldType() 方法将获取 fieldset type 属性值，并将其分配给变量 field。由于 fieldset 元素的 type 始终为 fieldset，因此它将返回值 fieldset。然后，使用 innerHTML 属性将此值显示在 ID 为 “Sample” 的段落中：
function FieldType() {
var field = document.getElementById("FieldSet1").type;
document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}
更新于： 19-2 月-2021
106 次浏览
广告