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

HTML DOMのinputEncodingプロパティとは？構文と使い方をサンプルコード付きで解説

HTML DOM の inputEncoding プロパティは、解析対象となる HTML ドキュメントの文字エンコーディングを取得するためのプロパティです。取得した値は上書き（書き換え）することもできます。

構文

inputEncoding プロパティの基本構文は以下のとおりです。

HTML ドキュメントの文字エンコーディングを取得する場合：

document.inputEncoding

使用例

それでは、inputEncoding プロパティの具体的な使用例を見てみましょう。次のサンプルコードでは、ボタンをクリックすると、現在のドキュメントに設定されている文字エンコーディングが画面に表示されます。

<!DOCTYPE html>
<html>
<head>
<title>InputEncoding</title>
<style>
    form {
        width:70%;
        margin: 0 auto;
        text-align: center;
    }
    * {
        padding: 2px;
        margin:5px;
    }
    input[type="button"] {
        border-radius: 10px;
    }
</style>
</head>
<body>
<form>
<fieldset>
<legend>inputEncoding</legend>
<input type="button" onclick="getEncoding()" value="Is my code secure?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
    var divDisplay = document.getElementById("divDisplay");
    function getEncoding() {
        divDisplay.textContent = 'Yes, your code is secure. Encoding: '+document.inputEncoding;
    }
</script>
</body>
</html>

実行結果

上記のコードを実行すると、以下のような出力が得られます。

「Is my code secure?」ボタンをクリックする前の表示：

HTML DOMのinputEncodingプロパティとは？構文と使い方をサンプルコード付きで解説

ボタンをクリックした後の表示：

HTML DOMのinputEncodingプロパティとは？構文と使い方をサンプルコード付きで解説


  1. 【初心者向け】HTML DOMのoffsetParentプロパティの使い方とサンプルコード

    offsetParentプロパティとは HTML DOM の offsetParent プロパティは、対象要素のオフセット（相対的な位置）がどの親要素を基準として定義されているかを示し、その基準となる親要素への参照を返します。 具体的には、CSS の position プロパティ（relative / absolute / fixed / sticky）が指定された最も近い祖先要素が基準となります。該当する要素が存在しない場合は <body> 要素が返されます。また、テーブルセル内の要素であれば <td> や <table> などのテーブル関連要素が基準にな

  2. HTML DOM titleプロパティとは？使い方とサンプルコードを解説

    HTML DOM titleプロパティとはHTML DOMのtitleプロパティは、HTML要素のtitle属性に対応する文字列を取得（戻り値として返す）したり、設定したりするためのプロパティです。title属性に値が設定されている場合、その要素にマウスカーソルを重ねると、ツールチップとしてテキストが表示されます。この動的な挙動をJavaScriptから制御できるのが、titleプロパティの役割です。構文title属性の値を取得する場合：ElementOfHTMLObject.titletitle属性に文字列を設定する場合：ElementOfHTMLObject.title = string使