提交名称时，我正在尝试更改我的跨度标签

Question

我正在尝试显示用户输入到 span 标签中的名称 - 我无法弄清楚我在这里做错了什么。

这是我的 HTML

 function getName() { var name = document.getElementById(`#inputName`).value; console.log(name); document.getElementById("#change").innerHTML = name; }

 <body> <div> <p>Hello <span id="change"></span>, hope you're having a good day:</p> </div> <div> <h2>Please enter your name below:</h2> </div> <form method=post> <input type="text" id="inputName"> <button type="submit" onclick="getName()">Submit</button> </form> </body>

Answer 1

我编辑了您的代码，以下版本按预期工作

document.getElementById() 将 id 作为参数，不要添加 '#' 此外，这里不需要表单

 function getName() { var name = document.getElementById(`inputName`).value; console.log(name); document.getElementById("change").innerHTML = name; }

 <body> <div> <p>Hello <span id="change"></span>, hope you're having a good day:</p> </div> <div> <h2>Please enter your name below:</h2> </div> <input type="text" id="inputName"> <button type="button" onclick="getName()">Submit</button> </body>

提交名称时，我正在尝试更改我的跨度标签

问题描述

1 个解决方案

解决方案1
0 2021-03-24 22:53:13

提交名称时，我正在尝试更改我的跨度标签

问题描述

1 个解决方案

解决方案1 0 2021-03-24 22:53:13

解决方案1
0 2021-03-24 22:53:13