0

我从 jsfiddle 复制了一些 javascript 示例并在本地服务器上运行它们，但它在检查元素/控制台的谷歌浏览器上显示错误。有什么建议可以解决这个问题吗？谢谢。

错误：

Uncaught TypeError: Object #<HTMLDocument> has no method 'getElementByName'
compute onclick

我的代码：

<!DOCTYPE html>
<html>
<head>
    <title>My fruit</title>
    <script type="text/javascript">
    function checkFruit(){
        var fruit_radio_pointers = document.getElementsByName("fruit");
        var which_fruit = null;
        for(var i=0; i<fruit_radio_pointers.length; i++){
            if(fruit_radio_pointers[i].checked){
                which_fruit = fruit_radio_pointers[i].value;  
                break;            
            }    
        }
        alert(which_fruit);
    }

    document.getElementById("my_btn").addEventListener("click", checkFruit, false);
    </script>
</head>
<body>
    <p>
    <button id="my_btn">Which Fruit?</button>
</p>
</body>
</html>
4

1 回答 1

1

名称在 html 中不强制唯一性，因此函数是 getElementsByName（注意 Element 后面的 s）。当你改变它时，记住它会返回一个数组，而不是一个元素。

于 2013-07-19T21:08:52.707 回答