如何更改div的背景图像？

Question

This is my code:这是我的代码：

<div style = {{ backgroundImage: "url(img.jpg)" }} className="card">
    <h3>{character.name}</h3>
</div>

This code doesnt work.此代码不起作用。 Output just white color Output 只是白色

Answer 1

Try this:尝试这个：

<div style={{ backgroundImage: `url(${require("img.jpg")})` }} className="card">
    <h3>{character.name}</h3>
</div>

Answer 2

Providing you the generic solution which will work in any javascript frameworks.为您提供适用于任何 javascript 框架的通用解决方案。

HTML HTML

<div id="parentDiv" className="card">
    <h3>XYZ </h3>
</div>

JS JS

document.getElementByID('parentDiv').style.backgroundImage = "url('your_image_name.png')";