<div class="yxtx"> <div class="rw"> <div class="rwzp"> < img src="img/20.jpg" alt=""> </div> <div class="rwmc"> <div class="m1"> 蒸汽机器人 </div> <div class="m2"> 布里茨 </div> </div> </div> </div>css代码.yxtx{ width: 875px; background-color: #11141b; float: left; margin-left: 30px; padding: 10px 10px; } .rw{ width: 105px; text-align: center; color: #ff9100; float: left; font-size: 12px; margin-right: 20px; } .rwzp{ border: 2px solid #484d53; width: 105px; height: 105px; }用js创建一个数组里面放50张图片然后使用for循环，不断生成.rw并改变图片，

可以使用以下代码实现：

// 创建图片数组
var images = [];
for (var i = 1; i <= 50; i++) {
  images.push("img/" + i + ".jpg");
}

// 获取父元素节点
var parent = document.querySelector(".yxtx");

// 循环生成50个子元素节点
for (var i = 0; i < 50; i++) {
  // 创建子元素节点
  var child = document.createElement("div");
  child.setAttribute("class", "rw");

  // 创建子元素节点中的图片节点
  var img = document.createElement("img");
  img.setAttribute("src", images[i]);
  img.setAttribute("alt", "");

  // 创建子元素节点中的名称节点
  var name = document.createElement("div");
  name.setAttribute("class", "m1");
  name.textContent = "蒸汽机器人";

  // 创建子元素节点中的描述节点
  var desc = document.createElement("div");
  desc.setAttribute("class", "m2");
  desc.textContent = "布里茨";

  // 将图片节点、名称节点、描述节点添加到子元素节点中
  child.appendChild(img);
  child.appendChild(name);
  child.appendChild(desc);

  // 将子元素节点添加到父元素节点中
  parent.appendChild(child);
}

这段代码首先创建了一个包含50张图片路径的数组，然后使用循环生成50个子元素节点，每个子元素节点包含一个图片节点、一个名称节点和一个描述节点，其中图片节点的 `src` 属性从数组中获取。最后将子元素节点添加到父元素节点中即可。