- ベストアンサー
配列要素をHTMLに書く方法
- 配列要素をHTMLに書く方法について説明します。
- プラウザで表示すると、[object HTMLCollection]と表示される問題があります。
- 解決するためには、要素を文字列に変換して表示する必要があります。
- prime2011
- お礼率89% (425/473)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 <script type="text/javascript" language="javascript"> <!-- var item = document.getElementsByTagName('h6'); document.open(); document.write("文字列のテスト"); for ( var i = 0; i < item.length; i ++ ) { if ( i > 0 ) document.write ( ',' ); document.write(item[i].innerHTML); } 以上のように、配列分のループを実行します。
お礼
回答して頂きまして、ありがとうございます。 教えて頂いたプログラムを動かすと思い通りに表現されました。 for ( var i = 0; i < item.length; i ++ ) { if ( i > 0 ) document.write ( ',' ); document.write(item[i].innerHTML);} 「document.write(item);」に代えて、上記の様に書けば良いと言う事ですが、 もっと短い記述は不可能でしょうか？ http://www.site-cooler.com/kwl/jslibrary/5.htm 上記のサイトの中段の説明では、「document.write(strArray) ; 」左記の記述方法で、要素がカンマ区切りで出力されると、説明されています。 また、「.innerHTML」を使用していますが、「document.write("文字列のテスト");」では、「.innerHTML」を使用しなくても表現できています。 「.innerHTML」は、読み込みが済んだページを書き換える時に使うと思います。 今の場合は、読み込み前に書くのですから、「document.write()」でＯＫではないでしょうか？ それとも、引数に変数が使われている時には、「.innerHTML」を使用するべきなのでしょうか？ 宜しければ、再度の助言を頂けますと嬉しいです。 よろしくお願いします。
お礼
適切なご指導頂きまして有難うございます。 まだ、完全な理解は出来ていませんが、解決の道筋が付きました。 あとはじっくり調べて考えれば分かると思います。 誠に有難うございました。