下記スクリプトで<div id="links"></div>のところを

開いた瞬間
<ul>
<li><a href="http://foo.com/">foo</a></li>
<li><a href="http://bar.com/">bar</a></li>
</ul>
に変換したいのですがうまくいきません
どこをどのように変更すれば変換されるのでしょうか

【スクリプト】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript">

var URL = new Array("http://foo.com/","http://bar.co.jp/");
var TITLE = new Array("foo","bar");

// 表示用コンテナ
var container = document.getElementById('links');
// リセット
container.innerHTML='';
var ul=document.createElement('ul');
container.appendChild(ul);
for(var i=0;i<URL.length;i++){
var li=document.createElement('li');
var a=document.createElement('a');
// 'href'属性の設定
a.setAttribute('href',URL[i]);
// ラベル
a.appendChild(document.createTextNode(TITLE[i]));
li.appendChild(a);
ul.appendChild(li);
}
</script>
</head>
<body>

<div id="links"></div>

</body>
</html>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/01/29 22:22:04
  • 終了:2013/01/29 22:44:18

ベストアンサー

id:psne No.1

ぽけっとしすてむ回答回数452ベストアンサー獲得回数2422013/01/29 22:41:33

基本的に「読み込んだ順番に処理をする」という前提がありますので、

<body>

<div id="links"></div>

<script type="text/javascript">
(中略)
</script>

</body> 

上記のように </body>の直前にスクリプトを移動すれば表示が可能になります。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません