前の問題次の問題

次の HTML で JavaScript が実行された場合、実現されるものはどれか。適切なものを以下より 1 つ選択しなさい。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Animation</title>
<style type="text/css">
#wrap {
 width: 600px;
}
#header {
 border: 1px solid #A33; color: #33C; background-color: #FDE;
}
#content {
 border: 1px solid #3A3; height: 50px; color: #33C; background-color: #EFE; overflow: hidden;
}
</style>
<script type="text/javascript">
var h;
doMove();
function goMove() {
 h++;
 if( h <= 400 ) {
 document.getElementById("content").style.height = h + 'px';
 }
}
function doMove() {
 h = 0;
 setInterval(goMove, 10);
}
</script>
</head>
<body>
<div id="wrap">
 <h1 id="header">ヘッダ</h1>
 <div id="content">
 <p>メインコンテンツ</p>
 </div>
</body>
</html> 

選択肢 1

ID 名 content の要素は徐々に色が濃くなって表示される。

選択肢 2

「メインコンテンツ」という文字列は最初から表示されている。

選択肢 3

ID 名 content の要素は上からゆっくりと広がって表示される。

選択肢 4

ID 名 content の要素は約 0.4 秒で全体が表示される。

解答

正解
3
解説
この問題は解説を募集しております。
ログインすると解説を投稿できます。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。