javascript - innerHTML 不显示文本

标签 javascript html innerhtml

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

我是 javascript 和 html 新手。我正在尝试在点击时使用 javascript 以及其他一些东西。在下面的代码中,我尝试在“onclick”函数上显示文本。我正在使用外部 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?.";

}

如果我在函数中添加警报,则会弹出,但我无法弄清楚为什么innerHTML 不起作用。任何帮助将不胜感激。谢谢。

最佳答案

您需要设置该值,因为 namesinput字段。

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

参见:http://jsfiddle.net/zrmrx/

关于javascript - innerHTML 不显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23527801/

相关文章:

php - 表单中多个提交按钮

javascript - 数组中的innerHTML

javascript - javascript 中参数列表(第 1 行)后缺少 )

javascript - Next Js 结合外部 REST API 身份验证和授权

javascript - 选择标签事件触发次数不超过 2 次

javascript - Jquery弹出对话框更新多行记录?

javascript - 仅在父 ID 为 = 的 div 上运行代码

html - 有没有一种方法可以迫使运行VAST标签的播放器即使在用户互动时也保持沉默?

javascript - 使用 iOS 11 在 safari 中强制打开链接

javascript - react .js : Set innerHTML vs dangerouslySetInnerHTML