Javascriptでオブジェクトのコンテンツにアクセスする

Question

私はJavascriptでかなり新しいです。私はちょうど基本的な質問があります。誰かがなぜJSFiddleのリンクでJavaScriptコードを実行するとこのエラーになるのか教えてください。「nullのプロパティ 'innerHTML'を読み取れません。

リンク： http://jsfiddle.net/ali89ma/tz5h8umk

var myTable = document.createElement("TABLE"); 
var row1 = myTable.insertRow(-1); 
var cell1 = row1.insertCell(-1); 
cell1.innerHTML = "23.00"; 
cell1.id = "1000price"; 
var cell1Content = document.getElementById("1000price").innerHTML; 
console.log(cell1Content); 

しかし、私が書く場合はその下の行が正常に動作します。

var cell1Content = cell1.innerHTML; 
console.log(cell1Content); 

ありがとうございます。

Answer 1

指定された値。

ので、あなたがそのようなあなたのコードに、この追記順を追加する必要があります（これはDOM要素にテーブルを追加します）

をあなたはdynamicllyテーブル要素を作成しますが、あなたのページに追加しdidntは：

// create a table element dynamiccly but it still not in the DOM elements 
    var myTable = document.createElement("TABLE"); 
    var row1 = myTable.insertRow(-1); 
    var cell1 = row1.insertCell(-1); 
    cell1.innerHTML = "23.00"; 
    cell1.id = "1000price"; 
//the next line will add your table to the DOM 
    document.body.appendChild(myTable); 
//now you can use the getElementById method to get elements from the DOM 
    var cell1Content = document.getElementById("1000price").innerHTML; 
    console.log(cell1Content); 

Answer 2

insertCell がDOMに存在しない場合はnullを返します。それが動作ラインを追加した後

var myTable = document.createElement("TABLE"); 
document.body.appendChild(myTable); // <-- this line 
var row1 = myTable.insertRow(-1); 

と私は私のコンソールで「23.00」の出力を得る：

はすぐにライン1の後にこの行を追加します。

Answer 3

あなたはジャバスクリプトを通じてテーブルを作成している

var myTable = document.createElement("TABLE"); 
document.body.appendChild(myTable); 

Answer 4

を作成した後に要素を追加する必要があります。テーブル要素にアクセスしようとすると、DOMには存在しません。あなたはDOMにテーブルを追加する必要がありますし、それは動作します。この行を追加することができますvar cell1Content

document.body.append（myTable）; bodyで

Answer 5

アペンドテーブル作業

var myTable = document.createElement("TABLE"); 
document.body.appendChild(myTable); 

要素にアクセスする前にフィドル
getElementByIdを（）メソッド上記でDOMからID属性を有する要素を返すよう

http://jsfiddle.net/tz5h8umk/2/