Question

请原谅我对javascript和html的基本查询

我是javascript和html的新手。我正在尝试使用javascript进行点击和其他一些事情。在下面的代码中，我试图在＆＃34; onclick＆＃34;上显示文本。功能。我正在使用外部JavaScript。

    <!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" >
        <script type="text/javascript" src="/home/roger/Documents/html/myScript.js"></script>
    </head>
  <body>


    <form>
      First Name: <input type="text" name="first" id="names"/><br>
      Phone Number: <input type="number" name="numb" id="numb"/><br>  
      <button type="button" onclick="verifyText()">Click Me!</button> 
    </form>
  </body>
</html>

以下是myScript.js中的代码

function verifyText(){

    document.getElementById("names").innerHTML = "Why not displaying?.";

}

如果我在功能中设置警报，pop会出现，但我无法确定为什么innerHTML不起作用。任何帮助将受到高度赞赏。谢谢。

Answer 1

您需要设置值，因为names是input字段。

document.getElementById("names").value = "Why not displaying?.";

请参阅：http://jsfiddle.net/zrmrx/

Answer 2

names是<input>。您需要设置其值，而不是innerHTML。试试这个：

function verifyText(){
    document.getElementById("names").value = "Must display now!";
}

innerHTML不显示文本

2 个答案: