注入新HTML的JavaScript函数<；李>；进入HTML

我正在尝试创建一个JavaScript函数，它允许我单击保存数组的最后一个元素（备用字数组），然后将保存的元素显示为HTML

我已经设法更改了

innerHTML

，因此每次单击保存按钮时，备用字数组中的最后一个元素都保存在savedWords数组中。但是，我希望每次按下“保存”按钮时，新的

都会与新保存的单词一起出现

<div>
  <ul>
     <li id="listWord"></li>
  </ul>
</div>

let savedWords = [];

function saveWord(){
      savedWords.push(standbyWord[standbyWord.length - 1]);
      document.getElementById('savedWordCount').innerHTML = savedWords.length;
      document.getElementById('listWord').innerHTML = savedWords;
    }

让savedWords=[]；
函数saveWord（）{
savedWords.push（standbyWord[standbyWord.length-1]）；
document.getElementById（'savedWordCount'）。innerHTML=savedWords.length；
document.getElementById（'listWord'）.innerHTML=savedWord；
}

如果您想使用innerHTML，您需要知道这将替换标记的整个内部内容-就代码而言，您只会得到一个字符串，但是如果您希望它们位于

li

标记中，您应该在

li

标签中包含

li

标签，而它们应该在

ul

或

ol

标签中。如果将

ul

元素更改为具有

id=“listword”

并删除

li

标记，则可以执行以下操作：

let savedwords=[“猫”、“狗”、“兔子”、“马”、“驴”、“鲸鱼”、“老鼠”]；
设lw=document.getElementById（“listword”）；
lw.innerHTML=“
”+savedwords.join（“
”）+“
”



您在html元素上尝试过appendChild（）方法吗？另外，您的示例代码不完整，请插入带有保存按钮和备用字变量的完整示例。