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

HTMLDOMdocumentElementプロパティ


HTML DOM documentElementプロパティは、ドキュメント要素を返すために使用されます。戻り型はEle​​mentObject型です。 document要素はドキュメントのルート要素であり、HTMLドキュメントの場合は要素になります。読み取り専用のプロパティです。

構文

以下は、documentElementプロパティの構文です-

document.documentElement

documentElementプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>documentElement property example</h1>
<p>Get the document element name by clicking the below button</p>
<button onclick="getDocument()">GET NAME</button>
<p id="Sample"></p>
<script>
   function getDocument() {
      var dName = document.documentElement.nodeName;
      document.getElementById("Sample").innerHTML = "The document element for this    document is: "+dName;
   }
</script>
</body>
</html>

出力

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

HTMLDOMdocumentElementプロパティ

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

HTMLDOMdocumentElementプロパティ

上記の例では-

ユーザーがクリックするとgetDocument()関数を実行するボタンGETNAMEを作成しました。

<button onclick="getDocument()">GET NAME</button>

getDocument()関数は、ドキュメントのdocumentElement nodeNameプロパティを取得し、それを変数dNameに割り当てます。次に、変数dNameが、ID「Sample」が関連付けられている段落に表示され、innerHTMLプロパティを使用して目的のテキストを表示します-

function getDocument() {
   var dName = document.documentElement.nodeName;
   document.getElementById("Sample").innerHTML = "The document element for this document is: "+dName;
}

  1. HTMLDOMdoctypeプロパティ

    HTML DOM doctypeプロパティは、現在のHTMLドキュメントに関連付けられているDTD(ドキュメントタイプ宣言)を返します。読み取り専用のプロパティです。 doctype名をDocumentTypeオブジェクトとして返します。指定されたドキュメントにDTDが指定されていない場合は、nullを返す可能性があります。 構文 以下は、doctypeプロパティの構文です- document.doctype 例 doctypeプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>doctype

  2. HTMLDOMdesignModeプロパティ

    HTML DOM designModeプロパティを使用すると、ドキュメント全体を編集可能かどうかを指定できます。これにより、HTMLドキュメントを編集できるため、HTMLドキュメントがWYSIWYG(What You See Is What You Get)エディターとして機能します。このプロパティはデフォルトで「オフ」に設定されており、「オン」に設定することでドキュメントを編集できます。 構文 以下は、-の構文です。 designModeプロパティの設定- document.designMode = "on|off" ここで、「オフ」はデフォルト値であり、「オン」に