のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,917人
頁
昨日:no data人
頁
今日:人
頁
最近の注目
人気の最安値情報

    元スレ+ JavaScript の質問用スレッド vol.85 +

    JavaScript覧 / PC版 /
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで

    54 = :

    お前等、それ、わざとだろｗ

    58 = :

    質問です。
    sample1 は、想定通りに画像が表示されるのですが、
    sample2 は、[object HTMLImageElement]と表示されます。
    sample2 で、画像を表示するにはどうすればいいのでしょうか？

    オブジェクトとかそのあたりの挙動がよくわかっていないのですが、
    この問題について自力で解決した場合に参考になるページなどあれば教えて欲しいです。
    ちなみにプログラミング歴1年未満の素人です。

    // sample1
    $('#view').append(getImg());

    // sample2
    $('#view').append('<p>' + getImg() + '</p>');

    function getImg() {
    　　var img = document.createElement('img');
    　　img.src = '';
    　　img.className = 'test';
    　　return img;
    }

    60 = :

    >>58
    コードを実際に動かしていないけど。

    まず、どこがいけないか。
    getImg()の返り値はDOMオブジェクト。 document.createElementで作っているから。
    そのDOMオブジェクトを+演算子で文字列と結合しようとしているから、DOMオブジェクトが文字列に変換されてから結合されている。

    つまり、sample2の式
    　'<p>' + getImg() + '</p>'
    の時点で、この式の値が
    　'<p>[object HTMLImageElement]</p>'
    という文字列に評価されている。

    問題の解決方法はいろいろあるし、それぞれにメリット・デメリットがあるが、jQueryを使うのなら素直に
    　$('#view').append('<p><img class="test"src="" /></p>');
    とでもやるのが最も簡単だろうな。

    62 = :

    jsでもクラスを書きたいということです

    68 = :

    >>55
    興味があるんだけど、コード片を示せる？

    70 = :

    chromeで使いたいのでちょっと頑張って作りたいと思います

    75 = :

    >>72みたいなコード書くぐらいならJavaScriptでは不可能と諦めたほうがいいと思う
    とっても気持ち悪いコードだ・・・

    76 = :

    全然普通じゃんか。
    関数を入れ子にする場合は、リテラルにする方が好みだけど。

    78 = :

    フレームワークの裏で動いていたり趣味でやってる分にはいいけど
    実装でこんなコードはちょっとやだなぁ

    79 = :

    そこは初心者関係無いような気がするが・・
    個人の指向性の問題だろ。
    要するに、JavaScript向いてないってことだな。

    83 = :

    bshのソースが、CなのにALGOL風マクロで書かれているみたいな話だよね。
    それを学習して身に付けちゃっていいかというと、ちと疑問。

    87 = :

    そんなことする前に変数に入れとくわ。

    88 = :

    >>85
    言語によっては。
    Cだと常套テク。

    89 = :

    >>85
    悪しき慣習だと思うな。普通は使わない。

    90 = :

    >>85
    サンクス
    ↓おそらくこれのことだよな
    http://es5.github.com/#x7.8.4

    >>87
    その変数に入れるってやつはどう書くの？
    行毎にクォーテーションで囲むのは結構手間だから、
    連結する方が生産性高いと俺は思うんだがな。

    93 = :

    インデントしてると汚くなるんで使わない

    95 = :

    結構不評なんだなー
    使ってみようかと思ってたが、これが世間の声だと思ってやめとくわ。

    >>92
    document.writeは、オンロード後のDOM処理とはタイミングが違うから
    document.writeならではの使いどころがあると思う。
    一概に言えないと思うよ。


    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド

    トップメニューへ / →のくす牧場書庫について