**目次 [#rcea8c4c]
#contents
** DOMの勉強 [#o4855621]
|カテゴリー|DOMの勉強|
|優先順位|至急|
|イテレーション|[[イテレーション1]]|
|状態|未着手|
|完了予定日||
|工数||
|対応者|清原|
----
**HTML [#t2831939]
<html>
<head>
</head>
<body><div class='hoge'>
<div>テキスト: <span class='fuga'>aaa</span>
<form> <input type='text' id='user_input'></input>
<input type='button' value='click me!' />
</form> </div>
</div>
<pre>
** 課題 [#va613069]
- http://www.htmq.com/html/script.shtmlの＜script src='hogehoge.js'＞のような
書き方を使って、外部javascriptファイルを用意してその中で、次の処理を実行する
++ 「click meボタン」をclickすると、
1. クリックされたそのボタンの位置から、DOMで移動して、「aaa」の内容をテキスト ボックスに入力された内容に変更する
2. 同様に、＜span＞タグのclass 「fuga」を 「hoge」に変更する
3. 30秒後にgoogle.co.jpに表示中のページのURLを変更する。
</pre>
</body></html>
![[PukiWiki]](image/sandbox.gif "[PukiWiki]")
