Question

所以我试图将图像设置为背景，并从变量中提取图像源。我尝试过从setAttribute到src = ect的不同方法。你能告诉我我错过了什么吗？

这是我的html代码我试图设置图像我已尝试使用img标签没有标签中的src启动，但仍然没有：

    <body onload = "mapThing()">
        <img id = "elephant" src=''>
        <canvas id="processing"></canvas>
    </body>

这里是包含setAtt元素的函数：

   function mapThing(){
    mapUrl = getValue("urlValue");
    var backImg = parseUrl(mapUrl);
    console.log(backImg);
    function setBack(){
    document.getElementById('elephant').setAttribute('backImg', 'src');
   }
    setBack();
   }

backImage是以下形式的网址： http://maps.googleapis.com/maps/api/streetview?size=600x600&location=40.736315,-73.992243&fov=75&heading=23.58&pitch=10

Answer 1

setAttribute中的引号之间有背面图像。并且还将参数反转。请尝试删除它们并更改参数顺序：

document.getElementById('elephant').setAttribute('src',backImg);

Answer 2

您是否尝试过以下操作？您正在使用setAttribute方法错误。

document.getElementById('elephant').style.backgroundImage = backImg;

Answer 3

尝试简单src是<img/>元素的有效属性，您可以Object访问，见下文

document.getElementById('elephant').src = backImg;

Javascript setAttribute什么都不返回

3 个答案: