Javascript 为什么我'；我无法更改id演示'；这里有什么内部html？ 您的姓名： 你的恋人的名字： 函数getinputs（一、二） { document.getElementById（'demo'）.innerHTML=1+2； }

我应该如何改变这一点，使其工作的直观？

---

我想通过表单传递这两个值。

通过id获取元素并阻止表单提交。见下文：

函数获取输入（一、二）{
event.preventDefault（）；
document.getElementById（'demo'）.innerHTML=1+2；
}

您的姓名：



你的恋人的名字：

这种方法不会等待脚本在表单提交时执行，表单将被提交。如果您希望在提交表单时执行js代码，则需要进行以下操作。变化

<p id="demo"></p>
<form name="names" action="" method="POST" onsubmit="getinputs(document.getElementByName(firstname),document.getElementByName(secondname))">
  Your name:<br>
  <input type="text" name="firstname"><br>
  Your crush's name:<br>
  <input type="text" name="secondname">
  <input type="submit" value="Submit">
  <br>
</form>


<script>
function getinputs(one, two)
{
document.getElementById('demo').innerHTML=one+two;
}
</script>

----
----

然后是剧本：

<form name="names" action="" method="POST" onsubmit="return getinputs(document.getElementByName(firstname),document.getElementByName(secondname))">

----
----

</form>

函数getinputs（一、二）
{
document.getElementById（'demo'）.innerHTML=1+2；
返回false；
}

我会用

<script>
function getinputs(one, two)
{
document.getElementById('demo').innerHTML=one+two;
return false;
}
</script>

---

试试这个，希望有帮助

您的姓名：



你的恋人的名字：



函数getinputs（）
{
var one=document.getElementById（“firstname”）；
var two=document.getElementById（“secondname”）；
document.getElementById（“demo”）.innerHTML=one.value+two.value；
返回false；
}

您需要进行以下更改

• getElementByName应该是getElementsByName
• document.getElementsByName（'firstname'）[0]。值

  function getinputs() {
     var form = document.querySelector('#form-id');
     document.querySelector('#demo').innerHTML =
         form.firstname.value + form.secondname.value;
  }
  

  
  函数getinputs（一、二）
  {   
  event.preventDefault（）；
  document.getElementById（'demo'）.innerHTML=1+“”+2；
  }
  
  您的姓名：
  
  
  
  你的恋人的名字：
  
  
  
  

---

不工作！你们想做些什么改变吗？为什么要使用ID当问题谈到使用“名称”时，也可以使用名称。

<script>
function getinputs(one, two)
{   
    event.preventDefault();
document.getElementById('demo').innerHTML=one+ " " + two;
}
</script>

<p id="demo"></p>
<form name="names" action="" method="POST" onSubmit="getinputs(document.getElementsByName('firstname')[0].value, document.getElementsByName('secondname')[0].value)">
  Your name:<br>
  <input type="text" name="firstname"><br>
  Your crush's name:<br>
  <input type="text" name="secondname">
  <input type="submit" value="Submit">
  <br>
</form>