HTML DOM Fieldset type属性用法及代码示例

HTML DOM Fieldset type 属性用于返回 fieldset 元素类型。对于 fieldset 元素，它始终是 fieldset 类型。它是只读属性。

用法

以下是 Fieldset 类型属性的语法 -

fieldsetObject.type

示例

让我们看一下 Fieldset 类型属性的示例 -

<!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” 的字段集元素 -

<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>

然后我们创建了一个按钮 “GET TYPE”，它将在用户点击时执行 FieldType() 函数 -

<button onclick="FieldType()">GET TYPE</button>

FieldType() 方法将获取字段集类型属性值并将其分配给变量字段。由于 fieldset 元素的类型将始终是 fieldset，因此它将返回值 fieldset。然后使用innerHTML属性将该值显示在id为“Sample”的段落中 -

function FieldType() {
   var field = document.getElementById("FieldSet1").type;
   document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM Fieldset type property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。