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

HTMLDOMcharacterSetプロパティ

HTML DOMのcharacterSetプロパティは、要素のcharset属性に関連付けられている文字セットを表します。デフォルトでは、HTMLドキュメントの文字セットはUTF-8です。

characterSetプロパティは、HTMLドキュメントの文字エンコードを文字列形式で返します。ユーザーは、HTMLのcharsetプロパティまたはDOMのcharacterSetプロパティを使用して、WebページのデフォルトのcharacterSetをオーバーライドできます。

構文

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

document.characterSet

例

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

<!DOCTYPE html>
<html>
<body>
<p>Click the below button to know the encoding of this HTML document</p>
<button onclick="encode()">CHECK ENCODE</button>
<p id="Sample"></p>
<script>
   function encode() {
      var x = document.characterSet;
      document.getElementById("Sample").innerHTML = "The character encoding used is "+ x;
   }
</script>
</body>
</html>

出力

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

HTMLDOMcharacterSetプロパティ

[エンコードの確認]ボタンをクリックすると-

HTMLDOMcharacterSetプロパティ

上記の例では-

最初に、ユーザーがクリックしたときにencode（）関数を実行するボタンCHECKENCODEを作成しました-

<button onclick="encode()">CHECK ENCODE</button>

encode（）メソッドは、ドキュメントのcharacterSetプロパティを使用してドキュメントの文字エンコードを取得し、それを変数xに割り当てます。次に、段落のinnerHTML（）メソッドを使用し、テキストと追加された変数xを割り当てて、IDが「Sample」の段落要素にエンコードが表示されます-

function encode() {
   var x = document.characterSet;
   document.getElementById("Sample").innerHTML = "The character encoding used is "+ x;
}

  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" ここで、「オフ」はデフォルト値であり、「オン」に