Question

我复制了一些javascript示例表单jsfiddle并在本地服务器上运行它们但它在inspect_lelement / console上显示了google chrome的错误。有什么建议来解决这个问题感谢。

错误：

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>

Answer 1

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

对象＃<htmldocument>没有方法'getElementByName'</htmldocument>

1 个答案: