자바 스크립트를 사용하여 테이블 만들기

테이블이 자바 스크립트와 함께 표시되지 않는이 문제가 발생합니다. 사용자가 한 번 window.prompt에 10 개의 숫자를 입력하면 숫자가 배열에 배치되어 테이블에 표시되는 위치로 작업하는 것으로 가정합니다. 당신은 온로드 처리기에서 스크립트를 포장한다자바 스크립트를 사용하여 테이블 만들기

<html> 
<head> 
<meta charset = "utf-8"> 
<script type = "text/javascript"> 

var number = -99; 
var array1 = new Array(10); 

number = window.prompt("Enter 1 to continue \n Enter -99 to exit"); 
if(number == -99 || number == ""){ 
    exit(); 
}else 
    array1 = window.prompt("Please enter 10 numbers to be stored into an array"); 

    function outputArray(heading, theArray, output){ 
    var content = "<h2>" + heading + "</h2><table><thead><th>Index</th><th>Value</th></thead><tbody>"; 
    var length = theArray.length; 
    for(var i=0; i<length;++i){ 
    content += "<tr><td>" + i + "</td><td>" + theArray[i] + "</td></tr>"; 
    } 
    content += "</tbody></table>"; 
    output.innerHTML = content; 
    } 

    outputArray("Your Array is:", array1, document.getElementById("output")); 
</script> 
</head> 
<body> 
<div id="output"></div> 
</body> 
</html>

출처

2013-09-21 Shawn

var onLoadHandler = function() { 
    var number = -99; 
    var array1 = new Array(10); 

    number = window.prompt("Enter 1 to continue \n Enter -99 to exit"); 
    if(number == -99 || number == ""){ 
     exit(); 
    }else 
     array1 = window.prompt("Please enter 10 numbers to be stored into an array"); 

     function outputArray(heading, theArray, output){ 
      var content = "<h2>" + heading + "</h2><table><thead><th>Index</th><th>Value</th></thead><tbody>"; 
      var length = theArray.length; 
      for(var i=0; i<length;++i){ 
      content += "<tr><td>" + i + "</td><td>" + theArray[i] + "</td></tr>"; 
      } 
      content += "</tbody></table>"; 
      output.innerHTML = content; 
     } 

     outputArray("Your Array is:", array1, document.getElementById("output")); 
} 
if (window.addEventListener) { 
    window.addEventListener('load', onLoadHandler, false); 
} else if (window.attachEvent) { 
    window.attachEvent('onload', onLoadHandler); 
}

즉 여기

코드입니다 DOM 요소를 조작하려고 시도하고 있습니다. 아직 DOM 요소가 없을 수 있습니다.

출처

2013-09-21 20:09:20 Krasimir

완벽하게 작동합니다. 이 window.addEventListener 및 attachevent에 대한 조사를해야합니다. 좋은 튜토리얼을위한 추천? 그리고 대단히 감사합니다. – Shawn

자바 스크립트를 사용하여 테이블 만들기

답변

관련 문제