无法在Javascript中动态设置文本

问题描述 投票:0回答:2

所以,我正在使用这个简单的 HTML/JS 文件。当我单击生成按钮时,我应该将

normalize
函数的输出显示为屏幕上的文本,但这并没有发生。有人可以帮我找出为什么
p
元素没有更新吗?

<!DOCTYPE html>
<html>
<head>
    <title>Testing</title>
</head>

<body>

  <script>
    function normalize(str) {
        output = str.toLowerCase();
        return output;
    }
    function generate() {
        input = normalize(document.getElementById("input").value);
        document.getElementById("output").textContents = input;
    }
  </script>

  <div id="input_div">
    <input type="text" size="25" id="input">
    <input type="button" value="Generate" id="gen" onclick="generate()">
  </div>
  <p id="output"></p>
</body>
</html>
javascript html dom
2个回答
0
投票

打字错误。

您正在寻找的房产是

textContent
不是
textContents


0
投票

您可以使用“textContent”。

   document.getElementById("output").textContent = input;

或“innerHTML”

document.getElementById("output").innerHTML = input;
© www.soinside.com 2019 - 2024. All rights reserved.