Javascript 为什么可以'；我不能从输入框中获取文本值吗？

所以我试图从输入框中获取文本，并将其设置为标题文本。但我做不到。我一直在与HTMLDOM作斗争。多谢各位

document.getElementById（'button'）。onclick=function（）{
document.getElementById（'header1'）。innerHTML='CHANGED'；
}
document.getElementById（'button2'）。onclick=function（）{
document.getElementById（'input'）。value=document.getElementById（'header1'）。innerHTML；
}

HTML DOM
点击
好啊

您应该将此功能更改为：

document.getElementById('button2').onclick = function(){
  document.getElementById('header1').innerHTML = document.getElementById('input').value
};

---

如果要使用输入中提供的文本并将其设置为标题，则需要反转语句

document.getElementById('header1').innerText = document.getElementById('input').value;

---

顺便说一句，如果您的输入只被视为文本，那么使用属性.innerText而不是.innerHtml

您可能在第二个函数中交换了赋值。试试这个：

document.getElementById（'button2'）。onclick=function（）{
document.getElementById（'header1'）。innerHTML=document.getElementById（'input'）。值；

这也应该有效

document.getElementById('button2').onclick = function(){
  document.getElementById('header1').innerText=document.getElementById('input').value 

---

如果我理解你的意思，请看我的代码片段

//按钮上的函数2单击事件
document.getElementById（'button2'）。onclick=function（）{
var input=document.getElementById（'input'）。值；
document.getElementById（'header1'）。innerHTML=input；
}

点击“确定”按钮，从输入到标题 HTML DOM 好啊

---

它似乎有效？我认为它仅在Document.getElementById（“input”）上运行良好-我在页面上没有看到任何id=“input”的元素-因此您可能希望为输入赋予id属性或使用getElementsByTagName（“input”）[0]在您的

按钮2

单击事件中，您将标题的

innerHTML

分配给您的输入。您需要将输入的值分配给标题的

innerHTML

谢谢您的回答。当我看到您的代码工作时，我尝试自己编写代码，因此在我的代码编辑器中，我对您的代码进行了注释，并编写了与y完全相同的代码编辑：我意识到我写的是“ondclick”而不是“onclick”。这些天我太粗心了。有时候，你不会注意到这样的小事，但它们扮演着重要的角色。祝你以后好运！