Question

  var cell_masuk  = newRow.insertCell(5);
  var newText  = document.createTextNode(document.getElementById("tanggal_masuk").value);
  cell_masuk.appendChild(newText);

  var cell_exp  = newRow.insertCell(6);
  var newText  = document.createTextNode(document.getElementById("tanggal_kadaluarsa").value);
  cell_exp.appendChild(newText);

  var cell_btn  = newRow.insertCell(7);
  var newText  = document.createTextNode("<input type='button' class='button' value='x'>");
  cell_btn.appendChild(newText);

从上面的代码我想插入带有按钮的新表行。但是当我使用这段代码时：

var cell_btn  = newRow.insertCell(7);
var newText  = document.createTextNode("<input type='button' class='button' value='x'>");
cell_btn.appendChild(newText);

我桌子上的结果总是字符串。抱歉我的英语不好，我是网络开发的新手。

Answer 1

顾名思义，createTextNode创建了一个文本节点。您提供的内容按字面意思显示为要显示的字符。

如果您想创建input元素，则需要createElement("input")：

var cell_btn  = newRow.insertCell(7);
var input = document.createElement("input");
input.type = "button";
input.className = "button";
input.value = "x";
cell_btn.appendChild(input);

或者，如果您更喜欢使用标记，则可以使用insertAdjacentHTML：

var cell_btn  = newRow.insertCell(7);
cell_btn.insertAdjacentHTML(
    "beforeend",
    "<input type='button' class='button' value='x'>"
);

如何使用＆＃34; document.createTextNode＆＃34;添加一行按钮。

1 个答案: