Question

我是HTML和JavaScript新手。我正在尝试通过JavaScript使用onload事件加载图片。

我的代码如下：

<script>
 function createImage() {

        ('testimonialhulk').src='photo.jpg';
</script>

，HTML是

<body onload="createImage()">

<div class="testimonialhulk">

</div>


</body>
</html>

我必须在div代码中显示图片。

Answer 1

这适用于我的jsfiddle

<body onload="createImage();">
    <div id="testimonialhulk">
        Hello
    </div>
</body>

JS：

function createImage() 
{
    var myElement = document.getElementById("testimonialhulk");
    myElement.style.backgroundImage = "url('https://placehold.it/350x150')";
}

JS小提琴 https://jsfiddle.net/wuskc68d/1/

Answer 2

试试这个

function createImage() {
var par = document.getElementsByClassName("testimonialhulk")[0];
var img = document.createElement('img');
img.src = 'put path here';
par.appendChild(img);
}

或使用<div id="testimonialhulk">

document.getElementById('testimonialhulk')
    .innerHTML = '<img src="imageName.png" />';

如何使用javascript加载onload上的图像？

2 个答案: