1

私はその場でユーザー ID を取得しており、それを使用してユーザーの画像を表示します。imgそのために、ユーザーがボタンをクリックしたときにパスを設定したいと思います。コードは次のとおりです。

HTML:

<img id="i1" style="display:none" src="" > </img>
<button typye="submit"  onclick="CallAfterLogin()"> Show image </button>

JS:

function CallAfterLogin() {
   var path = "http://thestylishdog.com/wp-content/uploads/2009/07/cute-dog2.jpg";
   document.getElementbyID(i1).src = path;
   document.getElementbyID(i1).display = "block";
}

フィドル:

http://jsfiddle.net/karimkhan/qeyRK/2/

どうしたの？

4

4 に答える 4

3

以下は、構文的に正しいバージョンのハンドラーです。

function CallAfterLogin() {
    var path = "http://thestylishdog.com/wp-content/uploads/2009/07/cute-dog2.jpg";

    var imgEl = document.getElementById("i1");

    imgEl.src = path;
    imgEl.style.display = "block";
}

ただし、ここでの本当のトリックは JSFiddle を使用することです。この回答で説明されているように、フレームワークと拡張機能を調べてからonLoadに切り替える必要があります。No wrap - in <body>

これは動作中の JSFiddle です: http://jsfiddle.net/PpbnG/2/

于 2013-10-15T03:40:30.160 に答える
1

これで修正されるはずです：

  • document.getElementbyID(i1) を document.getElementById("i1") に置き換えます
  • document.getElementbyID(i1).display を document.getElementById("i1").style.display に置き換えます。

完全な作業機能:

function CallAfterLogin() {
   var path = "http://thestylishdog.com/wp-content/uploads/2009/07/cute-dog2.jpg";
   document.getElementById("i1").src = path;
   document.getElementById("i1").style.display = "block";
}
于 2013-10-15T03:39:30.977 に答える
0 
function CallAfterLogin(){
        var path="http://thestylishdog.com/wp-content/uploads/2009/07/cute-dog2.jpg";
        document.getElementById("i1").src=path;
        document.getElementById("i1").style.display="block";
        }
于 2013-10-15T03:43:14.950 に答える