你的判断完全正确——你确实没办法像那样直接把图片路径作为参数传入，而且代码里还有几个容易踩的小坑，我来帮你一步步梳理：

核心问题：路径参数未作为字符串传入 #

你写的触发按钮代码：

<button type="button" onclick="insert(Images/Tulips)"></button>

这里的Images/Tulips没有用引号包裹，JavaScript会把它当成一个**标识符（变量名）**来解析，而不是字符串路径。但你并没有定义名为Images/Tulips的变量，所以浏览器会直接抛出语法错误，自然无法正确传入路径。

其他代码问题 #

除了参数的问题，你的JS和HTML还有几个需要修正的点：

1. 按钮没有src属性：<button>标签本身不支持src属性，要设置背景图得用CSS的background-image样式。
2. 函数参数与全局数组重名：你定义的函数insert(images)里，参数名images和全局数组images重名了，这会导致函数内部无法访问到全局的数组，反而会把参数本身（如果传对的话）当成数组来调用push，直接报错。
3. 数组名拼写错误：函数里写的Images[0]是大写的I，但你定义的全局数组是小写的images，这会导致找不到数组。

修正后的完整代码 #

HTML部分 #

<!-- 目标按钮：用style设置初始背景图，同时指定宽高让背景图显示出来 -->
<button id="Flower" type="button" style="background-image: url('Images/Roses'); width: 120px; height: 120px; background-size: cover;"></button>

<!-- 触发按钮：路径用引号包裹成字符串传入 -->
<button type="button" onclick="insert('Images/Tulips')">添加郁金香路径</button>
<button type="button" onclick="insert('Images/Sunflower')">添加太阳花路径</button>
<button type="button" onclick="switchNextBackground()">切换下一张背景</button>

JavaScript部分 #

// 全局数组存储所有图片路径
let images = [];

// 插入路径到数组的函数：参数改用imgPath，避免和全局数组重名
function insert(imgPath) {
  // 可选：避免重复添加相同路径
  if (!images.includes(imgPath)) {
    images.push(imgPath);
    console.log(`已添加图片路径：${imgPath}`);
  }
}

// 切换背景的函数：循环使用数组里的路径
let currentBgIndex = 0;
function switchNextBackground() {
  if (images.length === 0) return; // 如果数组为空，不执行操作
  
  const flowerButton = document.getElementById("Flower");
  // 设置背景图，注意url里的引号格式
  flowerButton.style.backgroundImage = `url('${images[currentBgIndex]}')`;
  
  // 更新索引，实现循环切换
  currentBgIndex = (currentBgIndex + 1) % images.length;
}

这样修改后，点击触发按钮就能正确把图片路径存入数组，切换按钮也能循环切换目标按钮的背景图了。

内容的提问来源于stack exchange，提问作者BlackCode