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

【问题标题】：I'm trying to change my span tag when name is submitted提交名称时，我正在尝试更改我的跨度标签
【发布时间】：2021-06-21 17:10:02
【问题描述】：

我正在尝试显示用户在 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>

【问题讨论】：

在调用getElementById 时不要使用# 前缀。在调用querySelector() 时使用
@Barmar 谢谢！我一直在将两者混为一谈，但显然还无法捕捉到它......我会尝试这个简单的修复

标签： javascript input onclick submit

【解决方案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>

【讨论】：