javascript - 如何从另一个js下面的句子中设置单词

Question

您好，我的句子有问题。我有一个句子，我做了一个循环来获取单词，然后我想将它们放入 <li> - 中一个在另一个之下。所以我又做了一个循环来只获取单词，并将它们放入 li 中，但在我的页面中我只有一个单词。为什么会发生这样的事？

const wordText = document.createElement("div");
const lettersSection = document.querySelector(".letter");
        wordText.classList.add("wordText");
        lettersSection.appendChild(wordText);
        const jokeText = document.querySelectorAll(".random_joke h3");
        for (let el of jokeText) {
            const matchWords = el.textContent.match(/[a-z]+/gi);
            const changeSequenceWords = matchWords.sort(byLength);
            // const newString = changeSequenceWords.join(" ");
            for (let el of changeSequenceWords ) {
                const word = el;
                console.log(el)
                wordText.innerHTML = `<h4>Words:</h4><span><li>${word}</li></span>`
            }
            // const newString = changeSequenceWords.join(" ");

            // wordText.innerHTML = `<h4>Words:</h4><span>${newString} </span>`
        }

Answer 1

每次循环运行时，您都会删除 wordText.innerHTML 的旧值 - 使用 +=:

wordText.innerHTML += `<h4>Words:</h4><span><li>${word}</li></span>`