HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOMフィールドセットタイプのプロパティ

HTML DOMフィールドセットタイププロパティは、フィールドセット要素タイプを返すために使用されます。フィールドセット要素の場合は、常にフィールドセットタイプになります。読み取り専用のプロパティです。

構文

以下は、フィールドセットタイププロパティの構文です-

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>

出力

これにより、次の出力が生成されます-

HTMLDOMフィールドセットタイプのプロパティ

GETTYPEボタンをクリックすると-

HTMLDOMフィールドセットタイプのプロパティ

上記の例では-

フォーム要素内に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>

次に、ユーザーがクリックするとFieldType（）関数を実行するボタン「GETTYPE」を作成しました-

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

FieldType（）メソッドは、フィールドセットタイプの属性値を取得し、それを変数フィールドに割り当てます。フィールドセット要素のタイプは常にフィールドセットであるため、値フィールドセットを返します。この値は、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function FieldType() {
   var field = document.getElementById("FieldSet1").type;
   document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}

  1. HTMLDOMOlタイププロパティ

    HTML DOM Ol typeプロパティは、順序付きリストで使用されるマーカーのタイプに対応するtype属性の値を設定/返します。 以下は構文です- タイププロパティを返す olObject.type 設定タイプ キャラクターに olObject.type = ‘1|a|A|i|I’ Olタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style>   &n

  2. HTMLDOMイベントタイププロパティ

    HTML DOMイベントタイププロパティは、クリック、キープレス、ロード、タッチエンドなどのイベントのタイプに対応する文字列を返します。 以下は構文です- トランジションが実行された秒数を返す- event.type イベントタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style>    form {       width:70%;