![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記スクリプトで<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
バッチファイル 特定ウインドウ...
-
PDFを(htmlのように)無限に縦...
-
入力フォームの値をQRコードで...
-
b75h2-m2 biosアップデートした...
-
正規表現で、特定の文字列を含...
-
ワードでA3横の画面にして、文...
-
要素内を常に一番下を表示させたい
-
データ受け渡しについて
-
1枚の画像をクリックすると複数...
-
以下のURL入れますか?皆さんは↓
-
画像のドットの部分が抜けてい...
-
Chinapost こよパズルどう動か...
-
非同期通信で掲示板を作る際の...
-
非同期通信を使うタイミングが...
-
PYTHONのtkinterについて
-
Pythonのtkinterについて
-
Pythonを勉強する道のり
-
Pythonを無料(安価)で学ぶ方...
-
RPA(PowerAutomate)の実装について
-
課題なのですがどなたかコード...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
readyStateが4にならない原因
-
tableのtr要素をドラッグ&ドロ...
-
スライドを最後の画像で止めたい
-
ページ内リンクで#などのアンカ...
-
Ajax データが取得できない
-
JScriptでDBへの接続方法について
-
onloadで動かない<DHTML+AJAXア...
-
Ajax.Requestで?を含むパラメー...
-
CSVファイルの文字列の表示につ...
-
Ajaxの結果のページングの方法
-
下記サイトのメニューをフラッ...
-
ランダムなフェードインを作り...
-
Ajax.Updater で受けたHTML中の...
-
jqueryでタグの中にある文字が...
-
【再質問】計算(入数*単価)...
-
Twitpicの写真をGoolgeAjaxSlid...
-
【※初歩の質問かもです※】スプ...
-
jQueryでのclassの操作
-
スクリプトで<div id="links">
-
変数の内容を別functionに渡したい
おすすめ情報