- ベストアンサー
JavaScriptで複数表示させたい方法とは？
- JavaScriptを使用して、複数の要素を一度に表示させる方法について知りたいです。
- 指定した要素を繰り返し表示する方法を教えてください。
- idを省略して要素を表示させる方法や、他の追加記述についても教えていただけると助かります。
- coinstar
- お礼率100% (6/6)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
出力するのではなくて、各要素を取得したいものだとすると。 getElementById()の引数は文字列ですので、'st' ＋ 連番とすればいいのではないでしょうか。 window.onload = function() { for (var i = 1; i < 10; i++) { var key = 'st' + i; alert(document.getElementById(key)['id']); } } 的外れでしたらすみません。。
その他の回答 (1)
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 質問を読み違えてたら申し訳ございません。 以下のようにすれば<span id="dispText"></span>に<p id="st0">～<p id="st9">までが追加されます。 // インデントは全角スペースになっています // 途中のタグは省いてます window.onload = function() { var parElm = document.getElementById ( 'dispText' ); for ( var i = 0; i < 10; i ++ ) { var elm = document.createElement ( 'p' ); elm.id = "st" + i; elm.innerHTML = "id = " + elm.id; parElm.appendChild ( elm ); } } <span id="dispText"></span> 何をどうしてどのように表示したいか明確になれば他の案が出せると思います。
お礼
遅くなりました。 ご返答ありがとうございます。 目的としては、複数の文字をランダムに選び、特定の個数をｓｔに連結し表示させるものを作成しております。 その表示させるものをブラウザ上にstでの処理結果を10個表示出来ればと考えていました。 言葉不足で申し訳ございませんでした。 whileで一気に１０個表示させることは可能でしょうか。
お礼
遅くなりました。 ご返答ありがとうございます。 言葉不足で申し訳ございません、今回の目的としては、ブラウザ上で１０個を表示させることを考えていました。 ご教授頂きました記述を試し、各stに割り振りが出来ましたが、 全て表示させるには各p要素に割り振りをすることで全て表示することが出来ました。 度々で申し訳ございません、p要素についてですが、これを1ずつ割り振りするほかに10個同時に処理する方法はありますでしょうか。