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