人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記スクリプトで<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>

●質問者: isiz0507
●カテゴリ:コンピュータ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー

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

<body>

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

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

</body> 

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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ