Question

我正在尝试使用Javascript更改<p>标签中的文字。这是我到目前为止所做的，但它不起作用。有什么提示吗？

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8"/>
  </head>

  <script type="text/javascript">
     var mText = prompt("sheiyvanet satauri");
     function myFunction() {
       document.getElementById("demo").innerHTML = mText;
     }
  </script>
  <body>
    <p id="demo"> </p>
  </body>
</html>

Answer 1

如果要控制事件发生的时间，请将其添加到onload或单击功能：

window.onload = myFunction();


function myFunction() {
  var mText = prompt("sheiyvanet satauri");
  document.getElementById("demo").innerHTML = mText;
}

<p id="demo"></p>

Answer 2

你必须调用你刚写的函数。

并且，您需要在整个页面加载后执行该函数，否则您尚未创建要更改内部文本的元素。

您可以将脚本移动到页面末尾。

<html>
    <head>
        <title></title>
        <meta charset="UTF-8"/>
    </head>

    <body>
        <p id="demo"> </p>
    </body>

    <script type="text/javascript">
        var mText = prompt("sheiyvanet satauri");
        function myFunction() {
            document.getElementById("demo").innerHTML = mText;
        }

        myFunction();

    </script>
</html>

Working Plunker

Answer 3

<!DOCTYPE html>
 <html>
<head>
  <title></title>
  <meta charset="UTF-8"/>
</head>


<body>
    <p id="demo"> </p>
 </body>
</html>


<script type="text/javascript">
var mText = prompt("sheiyvanet satauri");
  function myFunction() {
    document.getElementById("demo").innerHTML = mText;
  }
 myFunction();

需要调用函数myFunction()

使用提示更改文本

3 个答案: