textContent not updating HTML

textContent not updating HTML

本文关键字：HTML updating not textContent      更新时间：2023-09-26

使用Javascript，我创建了一个脚本来生成段落中的随机文本。它的工作原理。当我打印到控制台时，我看到一段文本。

console.log(randParagraph(sentLength(5,8), '', ipsumText, sentLength(5,12)));

现在我想更新一些文本在一个html文件与段落点击按钮。以下是我认为应该做的。

const randParagraph = (len, end, words, wordLen) =>
[...Array(len)].map(() => addCommaAfter(fullSentWithEnd,sentLength(3,8)))
.join(' ') + (end || '');

function myFunction() {
var x = (randParagraph(sentLength(5,8), '', ipsumText,sentLength(5,12)));
var y = document.getElementById("ipsum-text").textContent = "x";
}

我的假设是，如果console.log工作，我应该将结果存储在一个变量中，这就是我试图用var x做的。

然后在var y中，我可以使用getElementById来更改html文本。

<button onclick="myFunction()">change text</button>
<p class="bodyCopy" id="ipsum-text">gimme some ipsum</p>

这是正确的方法吗?这行不通。我知道有人会使用jquery来做到这一点，但我还没有学会它。我还在学习javascript

这段代码可以运行(示例用途):

<div id="textContent">There's some text here!</div>
<script>
    function updateContent() {
        document.getElementById("textContent").textContent = "Newer text!";
    }
    updateContent();
</script>

当你调用x变量时，你不需要使用"字符。下面的代码应该可以工作:

function myFunction() {
    var x = randParagraph(sentLength(5,8), '', ipsumText, sentLength(5,12));
    document.getElementById("ipsum-text").textContent = x;
}

试一下:

function myFunction() { 
    var x = (randParagraph(sentLength(5,8), '', ipsumText,sentLength(5,12)));
    document.getElementById("ipsum-text").innerHTML = x;
}

注意不要在x

周围加引号
相关文章：