開いた瞬間
<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>
No.1
605
334
基本的に「読み込んだ順番に処理をする」という前提がありますので、
<body> <div id="links"></div> <script type="text/javascript"> (中略) </script> </body>
上記のように </body>の直前にスクリプトを移動すれば表示が可能になります。
2
1
1
1
1
2
2
14
0
コメント（0件)