提交名稱時，我正在嘗試更改我的跨度標簽

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