javascript - getElementById 不起作用 - JavaScript

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 6 年前。

Improve this question

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 来使其更好地工作。

感谢您的帮助。

Answer 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 />