Question

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

Answer 1

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

Answer 2

document.getElementbyId应为document.getElementById：）

Answer 3

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

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

http://slayeroffice.com/articles/innerHTML_alternatives/解释说明非常清楚地使用DOM。

基本的Javascript问题

3 个答案: