Javascript 使用JS.getElementsByClassName更改文本：类名是相同的，我只想更改其中一个的文本

我不太确定如何使用这个词，但我正在使用Javascript来更改文本。我在Quizlet网站上使用Javascript。如您所见，有两列：术语和定义。到目前为止，当我只希望脚本更改术语列表时，脚本会同时更改这两个选项。这里还有一段视频：

工作正常，但两者都会发生变化：

var myClasses = document.getElementsByClassName("ProseMirror");

for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "new content";
  }

var myClasses=document.getElementsByClassName（“prosemiror”）；
对于（var i=0；i

我试过这个，但没用：

var myClasses = document.getElementsByClassName("WordList");.document.getElementsByClassName("ProseMirror");

for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "new content";
  }

var myClasses=document.getElementsByClassName（“WordList”）；。文件.getElementsByClassName（“ProseMirror”）；
对于（var i=0；i

如果仅当

.prosemiror

元素位于

.WordList

元素中时才尝试查找该元素，则可以使用CSS选择器与

查询选择器一起查找该元素：

const element = doucment.querySelector(".WordList .ProseMirror");
element.innerHTML = "new content";

它查找类为
prosemiror
的第一个元素，该元素也位于类为
WordList
的元素中

我认为您不需要匹配列表，但如果需要，您可以使用
querySelectorAll
（返回所有匹配项的
NodeList
）而不是
querySelector
（返回第一个匹配元素）。
您可以使用
document.querySelectorAll
来获取具有多个类的元素

document.querySelectorAll('.WordList.ProseMirror');

感谢您的快速回复！不过，奇怪的是，文本没有改变。@zbush548-好吧，我只是把你的类名当作读过的。您确定
.WordList
正确吗？很难阅读屏幕截图（最好是以文本形式提供信息，而不仅仅是图像），但我想我看到的是
。WordSide
而不是
。WordList
的外部截图。@zbush548-太好了！：-）另外，我认为您需要调用ProseMirror方法来更新内容，而不是直接操作DOM。