如何使用do/while循环迭代表中的答案，然后使用javascript清除表中的所有行 节圆直径（PCD）：： 孔数： 起始角（A）：

孔号 X坐标 Y坐标

函数calculateAll（）{ var diameter=数字（document.getElementById（“diameter”）.value）； var number=number（document.getElementById（“number”）.value）； var startangle=Number（document.getElementById（“startangle”）.value）； 做{ var-holenumber=0； var boltholenumber=holenumber+1； var半径=直径/2； 变量k=（holenumber*（360/个））+startangle； var xresult=半径*数学cos（k）； var yresult=半径*数学sin（k）； var table=document.getElementById（“可结果”）； var行=table.insertRow（-1）； var cell1=行插入单元格（0）； var cell2=行插入单元格（1）； var cell3=行插入单元格（1）； cell2.innerHTML=xresult.toFixed（5）； cell3.innerHTML=yresult.toFixed（5）； cell1.innerHTML=boltholenumber.toFixed（0）； holenumber++； } while（holenumber>number）； } 函数clearAll（）{ document.getElementById（“直径”）.value=“”； document.getElementById（“编号”）.value=“”； document.getElementById（“startangle”）.value=“”； document.getElementById（“boltholenumber”）.value=“”； document.getElementById（“xresult”）.value=“”； document.getElementById（“yresult”）.value=“”； } 函数clearTable（）{ var elmtTable=document.getElementById（'resultTable'）； var tableRows=elmtTable.getElementsByTagName（'tr'）； var rowCount=tableRows.length； 对于（var x=rowCount-1；x>0；x--）{ removeChild（tableRows[x]）； } } 嗨

我有一个两部分的问题，但我不确定这是否允许。 第一部分是我只能从do/while循环中获得一行输出，这是因为尽管我在循环中使用table.insertRow（-1），我还是在向相同的单元格写入数据。

---

第二部分是我无法使用clearAll函数从表中清除一行结果，我不明白为什么。我使用了JSFIDLE，没有得到任何提示。

我无法使用clearAll函数从表中清除一行结果。

要清除，即从表中删除一行与将值设置为空字符串不同。该行在clearAll（）函数中保留其空字符串值。您没有id为“boltholenumber”的元素，这会导致错误。（可能您还没有显示完整的页面内容。）您还将递增变量holenumber，并对“while（holenumber>number）；”循环执行检查。这可能导致无休止的循环。

<form>
  <table width="660" border="0" class="DarkButtonStyleMedium">
    <tr>
      <td width="299">&nbsp;</td>
      <td width="332" rowspan="11"><img src="Images/PCD-HOLES.png" width="350" height="353"
                                        class="ButtonStyleMedium"/></td>
    </tr>
    <tr>
      <td>
        <div align="right">PITCH CIRCLE <span
                                           class="GeneralPageTextWhite">DIAMETER (PCD):</span><span
                                                                                                 class="GeneralPageText">:
            <input name="diameter" type="Number" class="ButtonStyleMedium" id="diameter"
                   value="" size="12"/>
        </span></div>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <div align="right"><span class="GeneralPageTextWhite"> NUMBER OF HOLES:
            <input name="number" type="Number" class="ButtonStyleMedium" id="number"
                   value="" size="12"/>
        </span></div>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <div align="right"><span class="GeneralPageTextWhite">START ANGLE (A):
            <input name="startangle" type="Number" class="ButtonStyleMedium" id="startangle"
                   value="" size="12"/>
        </span></div>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <div align="right"><span class="GeneralPageText">
            <input type="button" class="ButtonStyleMedium" onclick="calculateAll();" value='SOLVE'/>
        </span></div>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <div align="right"><span class="GeneralPageText">
            <input type="button" class="ButtonStyleMedium" onclick="clearAll();clearTable();" value='RESET'/>
        </span></div>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>

  <div class="ButtonStyleAnswer">
    <table id="resultTable" width=600 border="0.5">
      <colgroup>
        <col width=200>
      </colgroup>
      <tr>
        <th>
          <div align="left" width=200 >HOLE NUMBER</div>
        </th>
        <th>
          <div align="left" width=200 >X CO-ORDINATE</div>
        </th>
        <th>
          <div align="left" width=200 >Y CO-ORDINATE</div>
        </th>
      </tr>
      <tr>
        <td height="19" colspan="3">
          <div align="center"></div>
          <div align="center"></div>
          <div align="center"></div>
        </td>
      </tr>
    </table>
  </div>
  <p>&nbsp;</p>
</form>
<p>&nbsp;</p>
</div>
<script>


function calculateAll() {
    var diameter = Number(document.getElementById("diameter").value);
    var number = Number(document.getElementById("number").value);
    var startangle = Number(document.getElementById("startangle").value);
    do {
        var holenumber = 0;
        var boltholenumber = holenumber + 1;
        var radius = diameter / 2;
        var k = (holenumber * (360 / number)) + startangle;
        var xresult = radius * Math.cos(k);
        var yresult = radius * Math.sin(k);
        var table = document.getElementById("resultTable");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(1);
        cell2.innerHTML = xresult.toFixed(5);
        cell3.innerHTML = yresult.toFixed(5);
        cell1.innerHTML = boltholenumber.toFixed(0);
        holenumber++;
    }
    while (holenumber > number);
}

function clearAll() {
    document.getElementById("diameter").value = "";
    document.getElementById("number").value = "";
    document.getElementById("startangle").value = "";
    document.getElementById("boltholenumber").value = "";
    document.getElementById("xresult").value = "";
    document.getElementById("yresult").value = "";
}
function clearTable() {
    var elmtTable = document.getElementById('resultTable');
    var tableRows = elmtTable.getElementsByTagName('tr');
    var rowCount = tableRows.length;
    for (var x = rowCount - 1; x > 0; x--) {
        elmtTable.removeChild(tableRows[x]);
    }
}


</script>