最初の子要素・最後の子要素を取得する firstChild.属性 lastChild.属性

[説明]

[サンプル]

企画部
技術部
第一営業部
第二営業部

[実行結果]

[ソースコード]

<div id="groups">
	<div id="kikaku">企画部</div>
	<div id="gijyutsu">技術部</div>
	<div id="eigyou">
		<div id="eigyou_1">第一営業部</div>
		<div id="eigyou_2">第二営業部</div>
	</div>
	
<script type="text/JavaScript">
var btn = document.getElementById('btn');
var hyouji = document.getElementById('koko');

btn.onclick = function(){
	var divElement = document.getElementById('groups');
	var first = divElement.firstChild.id;
	var last = divElement.lastChild.id;

	hyouji.innerHTML = first;
}
</script>

インデックスにもどる