0

我是 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>
4

3 回答 3

1

您拼错了方法名称。应该是document.getElementById()。

于 2012-10-17T17:26:28.013 回答
1

document.getElementbyId应该是document.getElementById:)

于 2012-10-17T17:26:51.130 回答
0

如果可能，我建议使用 DOM 而不是 innerHtml，例如：

document.getElementById('outputbox').appendChild(document.createTextNode('Your value is: ' + number));

http://slayeroffice.com/articles/innerHTML_alternatives/非常清楚地解释了如何使用 DOM。

于 2012-10-17T17:34:47.683 回答