<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>2-04</title>
<link href="../../_common/images/favicon.ico" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500" rel="stylesheet">
<link href="../../_common/css/style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1>HTMLを書き換える</h1>
<h2>要素の取得・コンテンツの書き換え</h2>
</div><!-- /.container -->
</header>
<main>
<div class="container">
<section>
<p id="choice">ここに日時を表示します</p>
</section>
</div><!-- /.container -->
</main>
<footer>
<div class="container">
<p>JavaScript Samples</p>
</div><!-- /.container -->
</footer>
<script>
'use strict';
document.getElementById('choice').textContent = new Date();
console.log(document.getElementById('choice').textContent);
</script>
</body>
</html>
KAOKA Daisuke