javascript - document.querySelectorAll 和 for 循环的问题

Question

在此网页https://editart2020.crooked.media/collection/fundamentos/上，将鼠标悬停在第一张图片上以查看标题——它有一个逗号和“by”一词。

我用这个简单的代码得到了这个：

    const caption = document.querySelector('.ae-overlay-caption').innerHTML;
    caption2 = caption.replace("<br>",",<br>by ");
    document.querySelector('.ae-overlay-caption').innerHTML = caption2;

现在，当我尝试让其他字幕工作时，我尝试了以下代码：

const captions = document.querySelectorAll('.ae-overlay-caption').innerHTML;
    for (var i; i < captions.length; i++) {
        caption[i] = captions.replace("<br>",",<br>by ");
        document.querySelector('.ae-overlay-caption').innerHTML = caption[i];
    }

但是，控制台说没有定义标题。我不知道为什么，我已经尝试了这段代码的许多变体，以及不同的 for 循环，但无济于事。谢谢。

标签： javascript