element.parentNodeは、「element」に指定した要素の親ノードへの参照を返すプロパティ。
構文
var $parentNode = $elementNodeReference.parentNode;
戻り値
親ノードへの参照。
サンプル
id属性がsampleAである要素の親要素のタグ名は、
b要素 i要素 span要素
サンプルの動作について
「getParentNodeTagName()」ボタンをクリックすると、「id属性がsampleAである要素の親要素のタグ名は、」の右横に「DIV」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getParentNodeTagName() {
var $sampleRootElement = document.getElementById( "sampleA" );
var $parentNodeTagName = $sampleRootElement.parentNode.tagName;
document.getElementById( "parentNodeTagName" ).innerHTML = $parentNodeTagName;
}
</script>
function getParentNodeTagName() {
var $sampleRootElement = document.getElementById( "sampleA" );
var $parentNodeTagName = $sampleRootElement.parentNode.tagName;
document.getElementById( "parentNodeTagName" ).innerHTML = $parentNodeTagName;
}
</script>
HTML
<button onclick="getParentNodeTagName();">getParentNodeTagName()</button>
<p>id属性がsampleAである要素の親要素のタグ名は、<span id="parentNodeTagName"></span></p>
<div><b> b要素 </b><i id="sampleA"> i要素 </i><span> span要素 </span></div>
<p>id属性がsampleAである要素の親要素のタグ名は、<span id="parentNodeTagName"></span></p>
<div><b> b要素 </b><i id="sampleA"> i要素 </i><span> span要素 </span></div>