element.langは、「element」に指定した要素の言語コード(lang属性値)を取得、もしくは、設定するプロパティ。
構文
取得
var $lang = $elementNodeReference.lang;
戻り値
指定した要素の言語コード(lang属性値)。
設定
$elementNodeReference.lang = 言語コード;
サンプル
id属性がsampleである要素の言語コード:
サンプルの動作について
- 「setLangJA()」ボタンをクリックすると、id属性がsampleである要素の言語コードを「ja」に設定する。
- 「setLangEN()」ボタンをクリックすると、id属性がsampleである要素の言語コードを「en」に設定する。
- 「getLang()」ボタンをクリックすると、「id属性がsampleである要素の言語コード:」の右横に、id属性がsampleである要素の現在の言語コードを表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getLang() {
var $elementNodeReference = document.getElementById( "sample" );
var $lang = $elementNodeReference.lang;
document.getElementById( "sampleOutput1" ).innerHTML = $lang;
}
function setLangJA() {
var $elementNodeReference = document.getElementById( "sample" );
$elementNodeReference.lang = "ja";
}
function setLangEN() {
var $elementNodeReference = document.getElementById( "sample" );
$elementNodeReference.lang = "en";
}
</script>
function getLang() {
var $elementNodeReference = document.getElementById( "sample" );
var $lang = $elementNodeReference.lang;
document.getElementById( "sampleOutput1" ).innerHTML = $lang;
}
function setLangJA() {
var $elementNodeReference = document.getElementById( "sample" );
$elementNodeReference.lang = "ja";
}
function setLangEN() {
var $elementNodeReference = document.getElementById( "sample" );
$elementNodeReference.lang = "en";
}
</script>
HTML
<div id="sample" lang="ja">
<button onclick="getLang();">getLang()</button>
<button onclick="setLangJA();">setLangJA()</button>
<button onclick="setLangEN();">setLangEN()</button>
<p>id属性がsampleである要素の言語コード:<span id="sampleOutput1"></span></p>
</div>
<button onclick="getLang();">getLang()</button>
<button onclick="setLangJA();">setLangJA()</button>
<button onclick="setLangEN();">setLangEN()</button>
<p>id属性がsampleである要素の言語コード:<span id="sampleOutput1"></span></p>
</div>