資料結構
網路
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 次瀏覽
廣告