javascript - 如何使用javascript在onload时加载图像?

标签 javascript html image onload

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

我的代码如下:

<script>
 function createImage() {

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

HTML 是

<body onload="createImage()">

<div class="testimonialhulk">

</div>


</body>
</html>

我必须在 div 标记中显示图像。

最佳答案

这适用于我的 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 fiddle https://jsfiddle.net/wuskc68d/1/

关于javascript - 如何使用javascript在onload时加载图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40958978/

相关文章:

php - $_POST[string] 包含空格

ios - 如何阻止我的 swift 应用程序崩溃

python - 具有透明背景的小图像的感兴趣区域

javascript - Multiple Select onChange 创建动态字段

javascript - 单击按钮时不触发表单验证

javascript - jQuery Mobile 添加了我无法删除的加载文本

javascript - 如果两个条件之一为真,如何以 Angular 隐藏元素

php - 如何更改指定 div 中存在的所有图像的尺寸

javascript - Angular js : A controller doesn't send a value via a factory with the "as" statement

javascript - 在使用 webstorm 开发期间调试 gulp 插件的最佳方法是什么