我想用javascript从css url中获取图像，这样我就可以设置背景图像的样式。

function getImageFromCSS(cssUrl) {
  // 创建一个link标签
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = cssUrl;

  // 将link标签插入到head中
  document.head.appendChild(link);

  // 获取样式表
  var styleSheet = link.sheet || link.styleSheet;

  // 遍历样式表的规则
  for (var i = 0; i < styleSheet.cssRules.length; i++) {
    var rule = styleSheet.cssRules[i];

    // 判断规则是否包含背景图像
    if (rule.style.backgroundImage) {
      // 使用正则表达式提取URL
      var url = rule.style.backgroundImage.match(/url\(['"]?([^'"]+)['"]?\)/)[1];

      // 创建一个Image对象加载图像
      var image = new Image();
      image.src = url;
      image.onload = function() {
        // 图像加载完成后的操作
        console.log('图像加载完成');
        // 在这里可以设置背景图像的样式
      };
    }
  }
}

// 调用函数并传入CSS样式表的URL
getImageFromCSS('path/to/your/css.css');