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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。