我是Javascript的新手并且正在处理基本文件但由于某种原因无法使innerHTML方法起作用。知道我在这里做错了什么吗?
<html>
<head> <title>Testing Javascript</title>
<script type="text/javascript">
function GenerateNumber()
{
min = parseFloat(document.getElementbyId('miniBox').value);
max = parseFloat(document.getElementbyId('maxBox').value);
number = Math.floor (Math.random()*(max+min-1)+min);
document.getElementbyId('outputbox').innerHTML = 'Your value is: ' + number
}
</script>
</head>
<body>
<p>The numbers are selected between <input type='text' id='miniBox' size=3 value=0> and <input type='text' id='maxBox' size=3 value=10></p>
<input type="button" value="Generate my number: " onClick="GenerateNumber();">
<hr>
<div id="outputbox"></div>
</body>
</html>
答案 0 :(得分:1)
您拼错了方法名称。它应该是document.getElementById()
。
答案 1 :(得分:1)
document.getElementbyId
应为document.getElementById
:)
答案 2 :(得分:0)
如果可能的话,我建议使用DOM而不是innerHtml,例如:
document.getElementById('outputbox').appendChild(document.createTextNode('Your value is: ' + number));
http://slayeroffice.com/articles/innerHTML_alternatives/解释说明非常清楚地使用DOM。