テーブルを作成してページ上で実行するJavascriptコード

ページが読み込まれ、10行10列のテーブルが作成され、divに「funky」が追加されると、テーブルのセルにはテキストが含まれている必要があります"NM"ここで、Nは行と列のインデックスの最小値であり、Mは行と列のインデックスの最大値です。偶数番号の列のセルは、テキストの色が紫色である必要があります。ここでは、あなたのコード内のいくつかのミスを持っている私のJavaScriptとHTMLコードテーブルを作成してページ上で実行するJavascriptコード

function go() { 
 
    var ROWS = 10; 
 
    var COLS = 10; 
 
    var out = document.getElementsByClassName("funky"); 
 
    var table = document.createElement("table"); 
 
    table.border = 1; 
 
    for (var i = 0; i <= ROWS; i += 1) { 
 
    var row = document.createElement("row"); 
 
    if (i == 2) { 
 
     row.Fontweight = "bold"; 
 
    } 
 
    for (var j = 0; j < COLS; j += 2) { 
 
     var col = document.createElement("cell"); 
 
     col.innerHTML = i + " " + j; 
 
     if (j/2 === 0) { 
 
     col.style.color = "purple"; 
 
     } 
 
     row.appendChild(col); 
 
    } 
 
    table.appendChild(row); 
 
    document.getElementsByClassName("table"); 
 
    } 
 
} 
 
onload = go();

<html> 
 
    <head> 
 
    <title>Question 2</title> 
 
    <script src="question2.js" type="text/javascript"></script> 
 
    <head> 
 
    <body> 
 
    <div class="funky"></div> 
 
    </body> 
 
<html>

出典

2016-11-30 SOULJA

は、私はここに質問が表示されませんが、FYI、あなたが適切にHTMLタグを閉じていない（例えば 'が' ''で閉鎖しなければならない、ではない '' ）。 –

HTMLコードに置き換えます。

<html> 
    <head> 
    <title>Question 2</title> 
    <script src="question2.js" type="text/javascript"></script> 
    </head> 
    <body onload="javascript:go();"> 
    <div class="funky"></div> 
    </body> 
</html>

はJSコードに置き換えます。あなたが理解するためにMOD演算子を使用する必要が

function go() { 
    var ROWS = 10; 
    var COLS = 10; 
    var out = document.getElementsByClassName("funky")[0]; 
    var table = document.createElement("table"); 
    table.style.border = "1px solid #000"; 
    table.style.borderCollapse = "collapse"; 
    for (var i = 0; i <= ROWS; i += 1) { 
    var row = document.createElement("tr"); 
    if (i == 2) { 
     row.style.fontWeight = "bold"; 
    } 
    for (var j = 0; j < COLS; j += 1) { 
     var col = document.createElement("td"); 
     col.innerHTML = i + " " + j; 
     if (j % 2 === 0) { 
     col.style.color = "purple"; 
     } 
     row.appendChild(col); 
    } 
    table.appendChild(row); 
    } 
    out.appendChild(table); 
}

はそれが偶数かではありません。 borderプロパティを使う前にstyleプロパティを使う必要があります。

出典

2016-11-30 11:23:47

です。

あなたはあなたはそれがページ上のショーになりますdivにそれを作成した後tableを追加する必要があり、この

var out = document.getElementsByClassName("funky")[0];
ようインデックスでそれらにアクセスする必要がgetElementsByClassName使用。

rowとtdの代わりにの代わりにtrを作成する必要があります。

function go() { 
     var ROWS = 10; 
     var COLS = 10; 
     var out = document.getElementsByClassName("funky")[0]; 
     var table = document.createElement("table"); 
     table.border = 1; 
     for (var i = 0; i <= ROWS; i ++) { 
      var row = document.createElement("tr"); 
      if (i == 2) { 
       row.style.fontWeight = "bold"; 
      } 
      for (var j = 0; j < COLS; j += 2) { 
       var col = document.createElement("td"); 
       col.innerHTML = i + " " + j; 
       if (j/2 === 0) { 
        col.style.color = "purple"; 
       } 
       row.appendChild(col); 
      } 
      table.appendChild(row); 
      document.getElementsByClassName("table"); 
     } 
     out.appendChild(table); 
    }

出典

2016-11-30 11:20:55 Mairaj

そして、あなたはあまりにも多くの間違いをしています。 –

@ErolKESKİNあなたは答えで訂正するかもしれません。 – Mairaj

私はそれを訂正しました。 –

テーブルを作成してページ上で実行するJavascriptコード

答えて

関連する問題