Question

我有一个javascript代码，我用它来动态地更改jsp页面的内容。但是当我使用javascript函数时，代码我给出了不是函数错误。我尝试使用jquery表达式，但我得到的错误to.i我包括在身体的最后脚本。我的代码是：

$(document).ready(function() {

    alert("dom ready");


    $(document).on('click' , '#generatePdf' , function(event){

        event.preventDefault();

        var intervalId ;
        var statusText = document.getElementById("progresstext");
        var statusbar = document.getElementById("progressbar");

            $.ajax({
                url : 'ExportLogs' , 
                type : 'GET' ,
                success : function(response) {
                    alert("calling process");
                    trackprogress(response);
                } ,
                error : function() {
                    alert("error");
                }
            });

            function trackprogress(response) {

                $.ajax({
                    url : 'LogExportingStatus' , 
                    type : 'GET' ,
                    success : function(response) {

                        var val = parseInt(response);
                        alert(val) ; 

                        if( val < 15)
                        {
                            statusText.textContent("completed"); // I get the error here and also for all subsuquent textContent function call.
                        }
                        else if(val < 30)
                        {
                            statusText.textContent("completed");
                        }
                        else if(val < 60)
                        {
                            statusText.textContent("completed");
                        }
                        else if(val == 100)
                        {
                            clearTimeout(intervalId);
                            statusText.textContent("completed");

                        }
                        statusbar.style.width = val + "%" ; 
                    },
                    error : function() {
                        alert("error");
                    }
                }) ; 


                intervalId = setTimeout(trackprogress , 500 );
            }

            event.preventDefault();
    });
});

我得到的错误是

generatelist.js:55 Uncaught TypeError: statusText.textContent is not a function
    at Object.success (generatelist.js:55)
    at i (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at A (jquery.min.js:4)
    at XMLHttpRequest.<anonymous> (jquery.min.js:4)

我无法弄清楚我犯的是什么错误。请任何帮助。谢谢你提前

Answer 1

textContent不是函数，而是属性，正确的代码应该是：

statusText.textContent = "completed";

Answer 2

使用innerText之类的，

statusText.innerText="completed";

在javascript中使用函数时不是函数错误

2 个答案: