javascript - 获取TypeError(不是函数)Jquery/Javascript

我正在尝试制作一个超级简单的“查看更多..”链接。我之前使用按钮进行过操作，但是在移动设备上效果不佳，因此我将其更改为链接，但是却收到此错误消息：
jquery-3.1.1.min.js:2 jQuery.Deferred exception: seeMore is not a function TypeError: seeMore is not a function

这是代码。我认为这只是某个地方的愚蠢语法错误。

$(document).ready(function(){
    var seeMore = document.getElementById('seeMore');

    seeMore.onclick=seeMore();

    function seeMore(){
        document.getElementById('infoText').innerHTML= 'More text';
    };

    function seeLess(){
        document.getElementById('infoText').innerHTML= 'Less text';
    };
});

这是链接的seeMore ID。

<a href="#" id="seeMore">See More</a>

这里发生了什么？？

最佳答案

您对属性和函数使用相同的名称，因此不清楚您的意思。

您可以重命名一个变量。

同样，在为seeMore()分配括号时，还会分配函数的返回值，而不是函数本身。您需要卸下支架。

您还可以使用jquery提供的事件轻松支持所有浏览器。

$(document).ready(function(){
    var seeMoreElement = document.getElementById('seeMore');

    function seeMore(){
        document.getElementById('infoText').innerHTML= 'More text';
    };

    function seeLess(){
        document.getElementById('infoText').innerHTML= 'Less text';
    };

    $(seeMoreElement).click(seeMore);
});