javascript - 函数不断返回未定义

Question

我已经尝试让这个函数运行大约一个小时了，这让我发疯。

这是我的 JS 文件

function hannaford(){
 var x = document.getElementByName("hList").value;
 x =parseInt(x);
 var i;
var hannafordResp = ["Responsibility 1", "Responsibility 2", "Three", "Four", "Five"];
for(i=0; i<x-1; i++){
    document.getElementById("hannafordResult").innerHTML = (hannafordResp[i]) + "<br />"
}

}

这是相关的 HTML 代码。

    <div class="experience clearfix">
    <h3>Hannaford Supermarkets</h3>
    <p>
    Position
    <br />
    Location
    <br /> <br />
    2013-2015
    </p>
    <p>How many responsibilities?(max 5)</p>
    <input type="text" name="hList" >
    <input type="button" value="Go" onclick="hannaford()" >

    <p id="hannafordResult"> </p>


    </div>

我收到的错误消息是 ReferenceError: hannaford() 未定义。

我已经彻底检查了语法，但似乎没有任何作用。有什么机会吗？

Answer 1

继续运行此代码片段。您需要使用getElementsByName(您之前使用的是Element)。这会返回一个数组，因此您需要获取第 0 个返回值。

那么你的 for 循环应该是 x，而不是 x-1

function hannaford(){
  var x = document.getElementsByName("hList")[0].value;
  x =parseInt(x);
  var i;
  var hannafordResp = ["Responsibility 1", "Responsibility 2", "Three", "Four", "Five"];
  for(i=0; i<x; i++){
    document.getElementById("hannafordResult").innerHTML = (hannafordResp[i]) + "<br />"
  }
}

<div class="experience clearfix">
  <h3>Hannaford Supermarkets</h3>
  <p>
    Position
    <br />
    Location
    <br /> <br />
    2013-2015
  </p>
  <p>How many responsibilities?(max 5)</p>
  <input type="text" name="hList" >
  <input type="button" value="Go" onclick="hannaford()" >

  <p id="hannafordResult"> </p>


</div>