자바 스크립트 반환 개체 htmlelement

Question

나는 계산기 응용 프로그램에서 일하고 있습니다. 현재 함수를 div에 푸시하여 다음과 같이 표시하려면 다음 함수를 작성하십시오.

function addtoScreen(vTag){ 

     var screen = document.getElementById("screen"); 

     if(currentFunction.length == 1){ 

     var newCalc = document.createElement("p");  
     newCalc.setAttribute("class", "calc"); 

     var opInt = "<span>"+vTag+"</span>"; 

     newCalc.innerHTML = opInt; 
     screen.innerHTML = newCalc; 

     }else{ 
     var opInt = "<span>"+vTag+"</span>"; 
     newCalc = document.getElementById("screen").lastElementChild; 
     newCalc.innerHTML = opInt; 

     } 
    } 

if 부분은 [object HTMLParagraphElement]를 계속해서 잘못 표시합니다. .value를 사용하려고 시도했지만 객체가 value 속성이없는 전체 요소이므로 null 만 반환합니다.

편집 : vTag는 배열로 전달되는 함수에서 전달되는 문자열이라는 것을 언급하지 않았습니다.

function addtoScreen(vTag){ 

    var screen = document.getElementById("screen"); 

    if(currentFunction.length == 1){ 

    var newCalc = document.createElement("p");  
    //newCalc.setAttribute("class", "calc"); 
    newCalc.className = "calc"; 

    //var opInt = "<span>"+vTag+"</span>"; 
    var opInt = document.createElement("span"); 
    opInt.innerHTML = vTag; 

    //newCalc.innerHTML = opInt; 
    newCalc.appendChild(opInt); 

    //screen.innerHTML = newCalc; 
    screen.appendChild(newCalc); 

    }else{ 
    //var opInt = "<span>"+vTag+"</span>"; 
    var opInt = document.createElement("span"); 
    opInt.innerHTML = vTag; 

    newCalc = screen.lastChild; 

    //newCalc.innerHTML = opInt; 
     if(newCalc) 
     { 
    newCalc.appendChild(opInt); 
     } 
     else 
     { 
     screen.appendChild(opInt); 
     } 

    } 

}

Answer 1

.