Javascript 如何使用querySelector设置图像

在我的javascript代码中，我使用querySelector将一些数据设置为我拥有的几个span标记。例如，我有一个如下所示的innerHTML

this.innerHTML = `

            <div id="templates" class="template_style">

              <template id="book-template">
              <div class="card_component">
              <!--<img class="user_image" src="user_image"/>-->
                <span class="firstName"></span><span class="lastName"></span><span class="category"></span>
                </div>
              </template>

              <template id="book-template2">
              <div class="card_component">
                <span class="balance"></span><span class="bank"></span><span class="description"></span>
                </div>
              </template>

             <div id="books"></div>
           </div>
       `;

这是行不通的。如何使用querySelector将我的图像设置为图像标记的src？

您只需按如下方式设置src属性：

instance.querySelector('.user_image').src = book.picture;

instance.querySelector('.user_image').src = book.picture;