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 回答