如何使文件夹中的图像显示在javascript索引中？

我正在尝试用Javascript制作一个新闻页面，其中每篇文章都在一张卡片上。每张卡片都有标题、图片和作者姓名。标题显示得很好，但是图片被破坏了，作者的名字根本没有显示出来。我的代码如下所示：

function cardCreator(e) {

    const cards = document.querySelector('.cards-container');
function cardCreator(e) {

const card = document.createElement('div');
card.classList.add('card');

const headline = document.createElement('div');
headline.classList.add('headline');
headline.textContent = e.headline;
card.appendChild(headline);

const author = document.createElement('div');
author.classList.add('e.author');
card.appendChild(author);

const container = document.createElement('div');
container.classList.add('img');
author.appendChild(container);

const img = document.createElement('img');
img.src = e
container.appendChild(img);
const span = document.createElement('span');
author.appendChild(span);
span.text = `By ${author}`

cards.appendChild(card);

return card;

}

---

我以为是img src，但是如果我换掉e，整个页面都会断开，所以我不知所措。任何帮助都将不胜感激。

我在这段代码中看不到任何与图像相关的内容。此代码如何相关？在哪里声明

span

？它添加到卡的哪里？假设e是一个对象，您可能希望将图像源传递给img标记。现在您正在将对象分配给src。

author.classList.add（'e.author'）正在添加类，而不是文本
img.src=e
e是什么？是否应该是类似于
img.src=e.src
？