Javascript JS事件帮助-更改样式属性时

我这里有一个代码，我应该修改一个样式属性，设法使它工作，但必须查找正确的方法来放置'，the“和+

---

document.getElementById（'image'）.style.backgroundImage=“url（'“+element.src+”）”；

element

是字符串文本外部的变量，但在字符串文本内部它只是单词元素

const element=“你好！";
const first=“开始元素结束”；
const second=“开始”+元素+“结束”；
console.log（{first，second}）；

让我们分析一下您的第一个代码段中的所有内容，这会让您更好地理解：

document.getElementById('image').style.backgroundImage="url('" + element.src + "')";

文档

是一个变量

getElementById

是一个函数，字符串

'image'

是该函数的参数

style

是一个属性

backgroundImage

是一个属性，必须是且必须采用字符串

“url（”

是一个字符串

---

element

是一个变量，在本例中是一个对象，

src

是其属性之一

“”）“

是一个字符串

+

符号用于连接由

“url（'”

、element.src和“）”组成的字符串。简而言之，您说的是，“从

“url（'”

、

element.src

和

”）创建字符串”

，并将该字符串分配给属性

backgroundImage

鉴于：

document.getElementById('image').style.backgroundImage="url(' element.src ')";

---

浏览器不知道

element.src

是一个变量，而不是字符串的一部分，因为您将它括在双引号中，表示引号之间的所有内容都是字符串。

在CSS中，您必须将URL放在引号或撇号中，因此也必须将其转换为javascript

调用DOM事件时，它将执行以下操作：

原始标签：

<div src="http://example.com/image.png"></div>

调用javascript函数后：

<div style="background-image: url('http://example.com/image.png');" src="http://example.com/image.png"></div>

由于URL语法中需要某种引用，因此必须使用不同类型的引用，例如本例中的

'

有关背景图像样式的更多参考信息，请访问此处：

但是为了完全回答您的问题，这里的

+

表示您希望在那里添加其他内容，例如另一个字符串或变量

---

这里有更多信息：（你必须向下滚动到字符串运算符部分）。

好的，我现在完全明白了！我认为这是由于语法上的一些约定，相反，这是包含element.src的唯一方法，否则它会将其转换为字符串，明白了！真的很感激我完全理解，而且我注意到我可以避免这种配置（“url”+），并且不必使用额外的“url”+）。