javascript セルについて

Question

以下の場合にそれぞれのセルにhtmlの氏名、Eメールなどの要素を入れるにはどうすればよいのでしょうか documen.getELementByIdでも取り出せず困っています

<tr><th>氏名（必須）</th><td><input type="text" id="name"/></td></tr>
	<th>Eメール（必須）</th><td><input type="text" id="mailaddress"/></td></tr>
	<tr><th>備考</th><td><textarea id="memo"></textarea></td></tr>

function save() {
  var table = document.getElementById("list");
   var row = table.insertRow(-1);
   var cell1 = row.insertCell(-1);
   var cell2 = row.insertCell(-1);
   var cell3 = row.insertCell(-1);
   var cell4 = row.insertCell(-1);
   var cell5 = row.insertCell(-1);

   cell1.innerHTML = document.getElementByld("product");
   cell2.innerHTML = document.getElementByld("option");
   cell3.innerHTML = document.getElementByld("name");
   cell4.innerHTML = document.getElementByld("mailaddress");
   cell5.innerHTML = document.getElementByld("memo");
}

Comments

[m.ts10806]

何を目的としたコードなのか大目的や背景、ゴールも含めて明記してください。それにsave() を呼び出す記述もないので再現確認できません。

[cerfweb]

getElementByldじゃなくてgetElementByIdですよ。

[cerfweb]

（↑）LDじゃなくてIDってことね。

[think49]

コンソールでエラーメッセージを読む癖をつけるべきかもしれませんね。 >"LD"

Answer 1

documen.getELementByIdでも取り出せず困っています

getElementById以前の問題です。
DOMを基本から学んで下さい。
https://www.google.com/search?q=htmlinputelement+value

innerHTMLとtextContentの違いを認識して下さい。
https://www.google.com/search?q=innerhtml+textcontent

Re: nakabou33 さん

Answer 2

//超能力も磨けよ
function save() {
  'product,option,name,mailaddress,memo'.split(/,/g).forEach(
    function(s){this.insertCell().textContent=document.getElementById(s).value},
    document.getElementById('list').insertRow())
}

Answer 3

提示されたコードと質問内容が全くと言ってよいほどマッチしておらず、目的が想像できません。
ご質問の内容が正しいなら、現在記載しているコードは全くの見当外れ（おそらく１行くらいしか使える行がない）なので削除して一からやり直した方が良いかと存じます。

一応、提示されているコードの中の明確な誤りだけ指摘しておきます

• html のマークアップが誤っている (tr の開始タグが抜けている)
• 本来テキストを代入するべき cell1.innerHTML に、document.getElementById(~) の結果(Element オブジェクト) を代入している