通过js获取div的background-image属性

获取 div 的背景图像属性有许多方法，以下是两种基本的方法：

方法一：使用 getComputedStyle() 方法

我们可以使用 getComputedStyle()方法获取到 div 的计算样式，从而获取到背景图像属性。以下是获取 div 的 background-image 属性的代码：

const divEl = document.querySelector('.myDiv');
const bgImg = window.getComputedStyle(divEl, null).getPropertyValue('background-image');
console.log(bgImg);

上面的示例中，我们首先获取了 myDiv 这个元素，然后在 window.getComputedStyle() 方法中传入 divEl 和 null 作为参数来获取计算样式。最后，我们使用 .getPropertyValue('background-image') 方法获取 background-image 属性的值，最终以字符串形式输出。

方法二：直接从 style 属性中获取

如果要获取已经存在于 div 标签的 style 属性中的 background-image 属性的值，我们可以使用以下代码：

const divEl = document.querySelector('.myDiv');
const bgImg = divEl.style.backgroundImage;
console.log(bgImg);

上面的代码中，我们首先又获取了 myDiv 这个元素，然后直接从其 style 属性中获取背景图像属性。由于我们已经知道 background-image 的属性名，所以我们可以直接从 style 属性中获取它的值。最终在控制台输出 background-image 的属性值。

要注意的是，这种方式只适用于在标签内设置 style 属性的情况，无法获取外部引用的样式。

以上两种方法都是常用的获取背景图像属性值的方式。选择哪种方法取决于你的具体需求和代码实现中的其他因素。