一个简单的功能可以正常工作,但还会显示未定义的错误消息

问题描述

我是这个JavaScript的新手。我收到此未定义的错误消息... 谁能帮助我,谢谢。

代码如下所示。谢谢

<!DOCTYPE html>
<html>

<body>

  <h2>JavaScript Functions</h2>
  <p id="demo3"></p>

  <script>
    xx = "";

    function myFunction3(xx) {
      return document.getElementById("demo3").innerHTML = document.write(xx);
    }
    myFunction3("heheheh")
  </script>

</body>

</html>

解决方法

为什么您使用document.write(xx);

尝试:

   function myFunction3(xx) {
      document.getElementById("demo3").innerHTML = xx;
    }
,

您的代码中不需要document.writexx = "";

<!DOCTYPE html>
<html>

<body>

  <h2>JavaScript Functions</h2>
  <p id="demo3"></p>

  <script>
    function myFunction3(xx) {
      return document.getElementById("demo3").innerHTML = xx;
    }
    myFunction3("heheheh")
  </script>

</body>

</html>

,

不要使用document.write()只是将xx分配给演示段落的内部HTML。

xx = "";
function myFunction3(xx) {
    return document.getElementById("demo3").innerHTML = xx;
}
myFunction3("heheheh")

,

我猜您正在尝试在

标记内写入变量xx的内容。 您只需要

document.getElementById("demo3").innerHTML = xx;

此表达式会使文档发生变化,但其结果为未定义,即不返回任何内容。因此,您的return语句也返回undefined。您不需要return语句。

只需使用

function myFunction3(xx) {
  document.getElementById("demo3").innerHTML = xx;
}