javascript - 文档对象模型问题

Question

好的，当我执行任何类型的 Javascript 时，我的 DOM 都遇到了严重问题。以下代码片段不起作用，由于某种原因，我无法开始理解。每当我尝试使用 getElementById()功能，脚本停止工作。请告诉我我做错了什么。

var total=0;
document.write("test");
function quickTotal(price,id){
    alert(price)
    alert(id)
    var object=getElementById(id)
    if(object.checked == 1){
        total=parseFloat(total)+parseFloat(price)
        alert("add")
    }
    if(object.checked == 0){
        total=parseFloat(total)-parseFloat(price)
        alert("subtract")
}

    alert(total)
    //document.floater.price.innerHTML("test")
}

Answer 1

尝试使用document.getElementById(id)（前缀为document，因为该方法在document对象上，而不是window）。

更新：您的代码示例：

<input type="checkbox" id="myChkBox" />
<input type="button" onclick="quickTotal(30, 'myChkBox');" value="Click me" />

<script type="text/javascript">
    var total = 0;
    document.write("test");
    function quickTotal(price, id) {
        alert(price);
        alert(id);
        var object = document.getElementById(id);
        if (object.checked == 1) {
            total = parseFloat(total) + parseFloat(price);
            alert("add");
        }
        if (object.checked == 0) {
            total = parseFloat(total) - parseFloat(price);
            alert("subtract");
        }

        alert(total);
        //document.floater.price.innerHTML("test")
    }
</script>