Javascript 使用另一个表单元素动态更新h1元素'；文本区域值

我可以动态地将

h1

元素的值替换为同一html页面上的

textarea

的值。但是，一旦我在页面上放置了几个表单，在一个表单上放置了h1标记，并在另一个表单上放置了textarea，当我尝试仅使用纯Javascript用textarea值更新h1值时，什么都不会发生

我尝试了

getElementById

，

getElementByTagName

，

innerHTML

和

setAttribute

，但没有成功。这是不可能的还是我错过了什么？我在网上找不到一个能解决这个问题的例子

更新：

  <form id=form1 action="">
    <h1 id="h1tag">I'm H1</h1>
  </form>

  <form>
   <label for='text1'>Change H1:</label>
   <input type="textarea" value="" id="text1"/>
   <button onclick="newHeading();">newHeading()</button>
  </form>

我是H1
更改H1：
新标题（）

外部javascript： 函数newHeading（） { document.getElementById（h1tag）.innerHTML=document.getElementById（text1）.value；

---

}使用简单的

函数

和正确的

ID

function updateH1(ta,h1) {
    var textArea=document.getElementById(ta),header=document.getElementById(h1);
    if(textArea.value) {
        header.innerHTML=textArea.value;
    }
    else {
        textArea.focus();
    }
}

然后在

表单中使用它，并将
onsubmit（）
设置为
return false
：

<h1 id="test_h1">This will change</h1>
<form onsubmit="return false;">
    <label for="text1">Change H1:</label>
    <input type="text" value="" id="text1"/>
    <button onclick="updateH1('text1','test_h1');">updateH1()</button>
</form>

这将改变
更改H1：
updateH1（）
使用简单的
功能
和正确的
ID

function updateH1(ta,h1) {
    var textArea=document.getElementById(ta),header=document.getElementById(h1);
    if(textArea.value) {
        header.innerHTML=textArea.value;
    }
    else {
        textArea.focus();
    }
}

然后在
表单中使用它，并将
onsubmit（）
设置为
return false
：

<h1 id="test_h1">This will change</h1>
<form onsubmit="return false;">
    <label for="text1">Change H1:</label>
    <input type="text" value="" id="text1"/>
    <button onclick="updateH1('text1','test_h1');">updateH1()</button>
</form>

这将改变
更改H1：
updateH1（）
发布您的代码。你所说的是完全可能的，但是没有人能在不看到你当前代码中存在的问题的情况下帮助你。添加了代码Nathan。希望它有意义。JS新手。发布你的代码。你所说的是完全可能的，但是没有人能在不看到你当前代码中存在的问题的情况下帮助你。添加了代码Nathan。希望它有意义。JS新手。我刚刚尝试了这个“faino”，但运气不好。你能看看我上面的代码，告诉我我做错了什么吗。谢谢。你需要在表单上设置
return false
，这样你的脚本才能在不重新加载页面的情况下运行；检查我的工作脚本的答案。最后！谢谢@faino！我在那里不知所措。非常感谢。我刚刚尝试了这个“faino”，但没有成功。你能看看我上面的代码，告诉我我做错了什么吗。谢谢。你需要在表单上设置
return false
，这样你的脚本才能在不重新加载页面的情况下运行；检查我的工作脚本的答案。最后！谢谢@faino！我在那里不知所措。谢谢。