更改图片 - javascript

时间:2015-09-17 02:50:07

标签: javascript image

我尝试使用JavaScript更改图像。但它只适用于我最初没有加载图像的情况。

当我首先加载图像时,它不起作用,当我首先加载图像时它起作用。

问题是什么?

JavaScript的:

   function bild(bild)
    {
        document.getElementById("illubild").src = './admin/cms/bx/'+bild;
    }

PHP:

....
        echo "<div id = 'illustrationbildgross'>";
            echo "<img src = './images/test.png' width=100% height=100% border=0 id = 'illubild'>";
        echo "</div>";
    ....

1 个答案:

答案 0 :(得分:0)

这里试图替换IMG元素......

function bild(bild)
{
    var parentDiv = document.getElementById("illustrationbildgross");

    var currentElement = document.getElementById("illubild");
    currentElement.parentNode.removeChild(currentElement);

    var newElement = document.createElement("IMG");
    newElement.setAttribute("id", "illubild");
    newElement.setAttribute("src", './admin/cms/bx/'+bild);
    newElement.style.width = '100%';
    newElement.style.height= '100%';

    parentDiv.appendChild(newElement);
}