Javascript 如何删除动态添加的文本内容并提供新文本？

在我的HTML中，我想在

id=“button\uu anfang”

<p class="card-text" id="text__anfang"></p>

出于某种原因，它会将单词推入另一个数组。

[number\u start]

是从

数组开始

中提取单词的索引。它是随机的

当我不喜欢这个词时，我想再次单击按钮，以获得一个新的。我不想重新加载完整的页面

如何从数组中再次选择函数并将单词放入

id=“text\uu anfang”

我在函数中尝试了类似伪代码的查询：

---

请在click event listener的回调函数中查看此

，您实际上正在将赋值推送到

textAnfang.textContent

数组arrWords。 文本本身是由

start[number\u start]）

的结果定义的，其中

start

是您的单词数组，

number\u start

是一个随机整数。如果您想有另一个随机索引，您需要在回调处理程序中为number\u start指定另一个值，如：

let ausgabe_start = () => {
  let number_start = Math.floor((Math.random() * 2));
  textAnfang.textContent = start[number_start];
}

这里的缺点是它可能会再次返回自随机词，因为没有检查来确保它不会发生。您可以通过将赋值放在do while循环中来解决这个问题，只要随机词和当前值textAnfang相等，该循环就会重复自身

let ausgabe_start = () => {
  let tempStr;
  do {
    number_start = Math.floor((Math.random() * 2));
    tempStr = start[number_start];
  }
  while (tempStr == textAnfang.textContent);
  textAnfang.textContent = tempStr;
}

let ausgabe_start = () => {
  let number_start = Math.floor((Math.random() * 2));
  textAnfang.textContent = start[number_start];
}

let ausgabe_start = () => {
  let tempStr;
  do {
    number_start = Math.floor((Math.random() * 2));
    tempStr = start[number_start];
  }
  while (tempStr == textAnfang.textContent);
  textAnfang.textContent = tempStr;
}