Question

我对javascript相对较新，我创建了一个将两个数字相乘的函数，但document.write用答案替换整个页面。我知道这是document.write应该做的，但只是想要一个替代方案。请记住，我是该语言的新手，所以如果可能，请尝试解释答案。谢谢！

<script language="javascript">
    function calculate(){
        var number1= document.getElementById("num1"); 
        var number2= document.getElementById("num2");
        var answer=number1.value * number2.value;
        document.write(answer);
    }
</script>

Answer 1

您已经知道如何使用document.getElementById()检索网页上的输入值。所以做类似的事情来更新一个包含答案的元素：

<div id="answer"></div>

......然后：

document.getElementById("answer").innerHTML = answer;

Simle演示：http://jsfiddle.net/V5R5h/1/

Answer 2

如果您在文档中添加<span id="fillme"></span>这样的空元素，则可以将其与var fillme = document.getElementById("fillme");一起使用，然后将内容分配到fillme fillme.innerHTML = answer;

Document.write函数用文本替换整个页面

2 个答案: