GetElementbyID和Innerhtml不起作用
GetElementbyID和Innerhtml不起作用
提问于 2014-05-10 22:06:03
我不知道我做错了什么。这是一个由两个部分组成的问题。请参阅下面的代码。首先，它一直说变量大写为空。第二，我无法让innerHTML工作。我不知道为什么不管用。我知道我有不应该使用的document.write，所以我正在努力理解getElementbyId.innerHTML的工作原理。
<form name="shares">
<table>
<tr><td>Enter information here:</td></tr>
<tr>
<td>Capital to Invest</td>
<td id="capitalr"><input type="text" name="capital"> </td>
</td>
</tr>
<tr>
<td>Price per share</td>
<td><input type="text" name="price" onchang="calculate();"></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="Compute" onclick="calculate()"></td>
<tr><td>The quantity you can be:</td></tr>
<tr>
<td>No. of shares</td>
</tr>
<tr>
<td>Change</td>
</tr>
</table>
<p id="hello"></p>
</form>JavaScript
var capitals = document.getElementById("capitalr");
var x = capitals.id;
var pps = document.shares.price.value;
function calculate () {
document.write("Capital = " + capitals +"<br>");
document.write("Price per share is = " + pps);
}
document.getElementById("hello").innerHTML="Hello";回答 1
Stack Overflow用户
发布于 2014-05-10 22:37:53
1)您的按钮没有a。
2)存在一个计时问题--您需要将代码放入一个在加载时执行的函数中。
<body onload="fnonload();">我建议您使用"console.log“语句作为调试工具，查看代码进展情况。这对我有很大帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23586826
复制相关文章
相似问题
腾讯云开发者
