'value.length'가 null이거나 객체가 아닙니다.

Question

이 오류의 원인은 무엇입니까? element.value를 함수에 전달해야합니까? JSP로 설정하는 방법을 알고 있지만 JavaScript에서는 설정하지 않습니다. 값을 다른 함수로 전달하는 데 문제가 있습니다. 이것이 당신의 characterCounterEdit 함수가 호출 theonly 장소 인 경우

function editCommentToggle(id) 
{ 
    theRow = document.getElementById("id"+id); 
    //user = theRow.cells[0].innerHTML; 
    //date = theRow.cells[1].innerHTML; 
    com = theRow.cells[2].innerHTML; 


    idx = 2; 
    maxlength = 250; 
    // Comment field 

    cell = theRow.cells[idx]; 
    while(cell.childNodes.length > 0) 
     cell.removeChild(cell.childNodes[0]); 
    element = document.createElement("textarea"); 
    element.id="comments-"+id; 
    element.rows="3"; 
    element.value = com; 
    element.style.width = "400px"; 
    element.maxLength = "250"; 
    element.onfocus = element.onkeydown = element.onkeyup = function(){ 
      return characterCounterEdit(undefined, maxlength, element); 
    }; 
    cell.appendChild(element); 



function characterCounterEdit(id, maxLen, inputElement) 
{ 
    spanId = document.getElementById(id); 

    if (spanId) 
    { 
     // Update the counter the user sees. 
     var whatIsLeft = maxLen - inputElement.value.length; 

     if (whatIsLeft < 0) whatIsLeft = 0; 
     spanId.innerText = whatIsLeft; 
    } 

    // Restrict user from entering more than the maxlen. 
**ERROR HERE-->>>** if (inputElement.value.length > maxLen) 
    { 
     inputElement.value = inputElement.value.substring(0, maxLen); 
    } 
} 

Answer 1

이 변화 시도 ...

element.onfocus = element.onkeydown = element.onkeyup = function(){return characterCounterEdit(undefined, maxlength, element);}; 

this ...

element.onfocus = element.onkeydown = element.onkeyup = function(){return characterCounterEdit(undefined, maxlength, this);}; 
                                ^^^^ 

또는 tar 이벤트를 사용해 볼 수도 있습니다. 여기에서 설명하는 get/sourceElement - characterCounterEdit 함수에 http://www.quirksmode.org/js/events_properties.html -이 있습니다.

Answer 2

element.onfocus = element.onkeydown = element.onkeyup = function(){return characterCounterEdit(undefined, maxlength, element);}; 

, 다음 시간에 초점/이벤트가 트리거를 keyDown /의 keyup, element 가장 가능성이없는 아무튼 다른 값을 할당 된 .value 특성. 대신 시간에 더 이상 존재하지 않을 수있는 (element 및 maxlength 트리거되는 이벤트 (들)을 통과

, 이렇게 :

element.maxlength = maxlength 
element.onfocus = element.onkeydown = element.onkeyup = function(){return characterCounterEdit();}; 

function characterCounterEdit() { 
    .... 
    var whatIsLeft = maxLen - this.value.length; 
            ^^^^--- use 'this' instead. 
    .... 
    if (this.value.length > this.maxlength) ... 
    .... 

}