getElementById 不起作用 - JavaScript [关闭]答案

【问题标题】：getElementById not working - JavaScript [closed]getElementById 不起作用 - JavaScript [关闭]
【发布时间】：2017-05-11 01:51:52
【问题描述】：

JavaScript

var stuAverage;
function calcAvg(gradeInfo)
   {
    finalExam = document.getElementById("finalExam").value;
    homework = document.getElementById("homework").value;
    projects = document.getElementById("projects").value;
    stuAverage = (finalExam * .1) + (homework * .4) + (projects * .5);
    document.getElementById("stuAverage").value=stuAverage;
    alert("Your average is " + stuAverage);
   }

HTML

<form action="#" name="gradeInfo">
<p>
Enter Final Exam Grade:
<input type="text" name="finalExam" size="4" /><br />
Enter Homework Grade:
<input type="text" name="homework" size="4" /><br />
Enter Projects Grade:
<input type="text" name="projects" size="4" /><br />
<br /><br />
<input type="button" value="AVERAGE" onclick="calcAvg(gradeInfo)" />
<input type="button" value="CLEAR" onclick="clearData(gradeInfo)" />
<br /><br />
Your Average is:
<input type="text" name="stuAverage" size="4" /><br />
</p>
</form>

试图弄清楚如何将 getElementById 与 DOM 一起使用，但我无法理解逻辑。

CLEAR 功能有效，但我想再次使用 getElementById 来使其更好地工作。

感谢您的帮助。

【问题讨论】：

我没有看到任何具有这些 id 的 HTML 元素。只有名字。
@david.pfx 不，看起来我是 getElementById 概念的新手，需要稍微澄清一下。没有要求任何人为我做这件事，但我很欣赏这种态度。

标签： javascript html logic getelementbyid

【解决方案1】：

使用id 而不是name（这就是为什么它被称为getElementById）所以

<input type="text" id="finalExam" name="finalExam" size="4" /><br />

或

<input type="text" id="finalExam" size="4" /><br />

不是

<input type="text" name="finalExam" size="4" /><br />

【讨论】：

我明白了，谢谢你的解释。

【解决方案2】：

你缺少 id 属性。

在您的输入中尝试 id="finalExam"

【讨论】：