読者です 読者をやめる 読者になる 読者になる

ひよっこPGのブログ

主に、技術メモや英語たまにギター関連のことも書いているブログです。

JavaScriptのfirstChildについて

JavaScriptでHTMLの子ノード取得する時に使用する firstChildについて書きたいと思います。

さっそくなんですが一つ問題です。
下記のソースで、2カ所 console.logで値を出力していますがどんな値が出力されるでしょうか?

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title></title>
</head>

<body>
	<div id="test1">
		<span id="span1"></span>
	</div>
	<div id="test2"><span id="span2"></span></div>

	<script type="text/javascript">
		// 下記の二つで出力される値は何だと思いますか???
		
		var test1 = document.getElementById("test1");
		console.log(test1.firstChild.id); // ①

		var test2 = document.getElementById("test2");
		console.log(test2.firstChild.id); // ②
	</script>
</body>
</html>