Javascript 计算器形式选择

我有下面的当前代码，它正在工作。问题是这段代码将在一个表单中，我不能有嵌套表单。如何更改代码，使其使用

div

父元素而不是

表单

<form>
<script type="text/javascript">
   function inmet(form){
       form.in2met.value = ((form.inch.value -0) * 25.4).toFixed(2)
   }
</script>
<div id="calcbody">
    <div class="calctitle">Convert <br />Inches to Millimetres</div>
    <div class="singcalcquestion">Enter the Inches:
         <input class="box1" type="text" name="inch" />
    </div>
    <div class="singsubmit">
         <input onclick="inmet(this.form)" type="button" value="GO" />     
    </div>
    <div class="singcalcanswer">Equals in Millimetres:<br />
         <input class="calcbox2" type="text" readonly="readonly" name="in2met" />
    </div>
</div>
</form>

函数inmet（form）{
form.in2met.value=（（form.inch.value-0）*25.4）.toFixed（2）
}
将
英寸转换为毫米
输入英寸：
等于毫米：

一个选项是使用

Element.getElementsByClassName（）

或类似的方法来获取所需的输入字段：

<div id="form-root">
  <script type="text/javascript">
  function inmet(calcRoot){
    calcRoot.getElementsByClassName('calcbox2')[0].value = ((form.inch.value -0) * 25.4).toFixed(2);
  }
  // example: inmet(document.getElementById('form-root'))
  </script>
  <div id="calcbody">
    <div class="calctitle">Convert <br />Inches to Millimetres</div>
    <div class="singcalcquestion">Enter the Inches: <input class="box1" type="text" name="inch" /></div>
    <div class="singsubmit"><input onclick="inmet(document.getElementById('form-root'))" type="button" value="GO" /></div>
    <div class="singcalcanswer">Equals in Millimetres:<br /><input class="calcbox2" type="text" readonly="readonly" name="in2met" /></div>
  </div>
</div>

功能inmet（calcRoot）{
calcRoot.getElementsByClassName（'calcbox2'）[0]。值=（（form.inch.value-0）*25.4）。固定（2）；
}
//示例：inmet（document.getElementById（'form-root'））
将
英寸转换为毫米
输入英寸：
等于毫米：

一个选项是使用

Element.getElementsByClassName（）

或类似的方法来获取所需的输入字段：

<div id="form-root">
  <script type="text/javascript">
  function inmet(calcRoot){
    calcRoot.getElementsByClassName('calcbox2')[0].value = ((form.inch.value -0) * 25.4).toFixed(2);
  }
  // example: inmet(document.getElementById('form-root'))
  </script>
  <div id="calcbody">
    <div class="calctitle">Convert <br />Inches to Millimetres</div>
    <div class="singcalcquestion">Enter the Inches: <input class="box1" type="text" name="inch" /></div>
    <div class="singsubmit"><input onclick="inmet(document.getElementById('form-root'))" type="button" value="GO" /></div>
    <div class="singcalcanswer">Equals in Millimetres:<br /><input class="calcbox2" type="text" readonly="readonly" name="in2met" /></div>
  </div>
</div>

功能inmet（calcRoot）{
calcRoot.getElementsByClassName（'calcbox2'）[0]。值=（（form.inch.value-0）*25.4）。固定（2）；
}
//示例：inmet（document.getElementById（'form-root'））
将
英寸转换为毫米
输入英寸：
等于毫米：

不是最干净的解决方案，但它应该可以完成以下任务：

函数inmet（）{
document.getElementById（'in2met'）。值=（（document.getElementById（'inch'）。值-0）*25.4）。toFixed（2）
}
将
英寸转换为毫米
输入英寸：
等于毫米：

不是最干净的解决方案，但它应该可以完成以下任务：

函数inmet（）{
document.getElementById（'in2met'）。值=（（document.getElementById（'inch'）。值-0）*25.4）。toFixed（2）
}
将
英寸转换为毫米
输入英寸：
等于毫米：