Javascript 在嵌套div设置中设置img

我有一个嵌套的DIV结构（模态的一部分），如下所示：

<div id="myModal" class="modal">
  <div id="myModalContent" class="modal-content">
    <div class="mySlides" id="mySlides1">
      <div class="numbertext1">1 / 5</div>
      <img src="clearmedium.JPG" id="S0Large" style="width:100%">
    </div>
  </div>
</div>

---

代码起作用了，问题在于调用图像的方式。项目图像的路径不正确，因此无法看到任何图像

请检查此示例（您的代码），但图像来自一些外部链接

var modalDIVContent=document.getElementById（“myModalContent”）；
var innerDiv=document.createElement（'div'）；
innerDiv.className='mySlides'；
setAttribute（“id”、“mySlides”）；
modalDIVContent.appendChild（innerDiv）；
var innertxt=document.createElement（'div'）；
setAttribute（'class'，'numbertext'）；
innerDiv.appendChild（innertxt）；
modalDIVContent.appendChild（innerDiv）；
var innermg=document.createElement（'img'）；
setAttribute（'src'，'https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg');
setAttribute（'id'，'S1Large'）；
innerImg.style.width=“100%”
innerDiv.appendChild（innerImg）

1/5
您可以使用css添加和维护图像。不需要添加div，只需创建一个div并编辑它的css。使用css背景图像也被认为是一种很好的做法，因为它会自动预加载图像。
var modalDIVContent = document.getElementById("myModalContent");
var innerDiv = document.createElement('div');
innerDiv.className = 'mySlides';
innerDiv.setAttribute("id", "mySlides" );        
modalDIVContent.appendChild(innerDiv);

var innertxt = document.createElement('div');
innertxt.setAttribute('class', 'numbertext');
innerDiv.appendChild(innertxt);
modalDIVContent.appendChild(innerDiv);

var innerImg = document.createElement('img');
innerImg.setAttribute('src', 'clearmedium.JPG');
innerImg.setAttribute('id', 'S1Large');
innerImg.style.width = "100%"
innerDiv.appendChild(innerImg);