0

javascriptで画像のソースのみを指定する方法があるのだろうかと思っていました。したがって、次の画像タグがあるとします。

<img class="CustomerPict" id="Image" alt="name" src=src style="left: 18px; top: 18.5px;">

そして、javascript で変数 src を宣言したいですか? どんな助けでも大歓迎です！

4

5 に答える 5

3

HTML には、JavaScript を使用して属性値を設定する方法がありません。

src をデフォルト値 (1x1 透過 gif の可能性あり) に設定してから、後で JavaScript で変更するか、JS から img 要素全体を生成する必要があります。

<img class="CustomerPict" id="Image" alt="name" src="1x1.gif" style="left: 18px; top: 18.5px;">
<script>
    document.getElementById('Image').src = src;
</script>

また

<script>
    var container = document.getElementById('image-container');

    var image = document.createElement('img');
    image.src = src;
    image.id = "Image";
    image.className = "CustomerPict";
    image.alt = "name";
    // You can move these to a style sheet ruleset with a class or id selector
    image.style.left = "18px";
    image.style.top = "18.5px";

    container.appendChild(image);
</script>
于 2013-06-04T12:13:41.897 に答える
2 
document.getElementById('Image').src = 'http://domain.com/picture.png';
于 2013-06-04T12:13:05.413 に答える
1 
<img src="src" id="Image">

document.getElementById('Image').setAttribute('src', 'http://www.gravatar.com/avatar/c9bef77e2d810012d8c96f84b9fc9bc9?s=32&d=identicon&r=PG');
于 2013-06-04T12:19:20.023 に答える
0 
img=document.getElementById("Image");
console.log(img.src);

またはより良い方法（私の意見では）

img=document.getElementsByTagName("img");
console.log(img[0].src);

次に、 img[0].src に値を割り当てることができます

于 2013-06-04T12:15:31.527 に答える
0

img-tags onerror属性を使用してワンライナーにすることができます。

<img src='not-found.zzz' onerror='this.src=window.src;'>

ただし、window.src(グローバル スコープ) で指定されたイメージが正しいことを確認してください。そうしないと、スクリプトが永久にループします...

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset='UTF-8'>
     <script type='text/javascript'>
         var src = 'my_real_image.png';
     </script>
 </head>
 <body>
     <img src='not-found.zzz' onerror='this.src=window.src;'>
 </body>
 </html>

デモ: http://jsbin.com/ozimov/1/embed

于 2013-06-04T12:29:16.630 に答える