JavaScript append()方法 调用后，添加的是双引号引起来的纯文字

[天才韩神]

我用append方法添加一条记录，结果添加出来的东西是对应的代码，而不是被浏览器解析后的元素。
也就是 我添加的哪一段内容被用双引号引起来了，浏览器解析认为是文字
图一是对应出问题的地方 图二是添加到的位置
麻烦各位大佬救救新手小白

[天才韩神]

贴上这段代码 function functionadd() { var x1,x2,x3,x4,x5; var ss = '<input type="checkbox" class="checkBig"/>'; x1 = document.getElementById("begin").value; x2 = document.getElementById("end").value; x3 = document.getElementById("cargo").value; x4 = document.getElementById("scheduledFinBegin").value; x5 = document.getElementById("scheduledFinEnd").value; var row = document.createElement("tr"); //创建行 var td0=document.createElement("td"); //创建单元格 var td1=document.createElement("td"); //创建单元格 var td2=document.createElement("td"); //创建单元格 var td3=document.createElement("td"); //创建单元格 var td4=document.createElement("td"); //创建单元格 var td5=document.createElement("td"); //创建单元格 td0.append(ss); td1.appendChild(document.createTextNode(x1)); //为单元格添加内容 td2.appendChild(document.createTextNode(x2)); //为单元格添加内容 td3.appendChild(document.createTextNode(x3)); //为单元格添加内容 td4.appendChild(document.createTextNode(x4)); //为单元格添加内容 td5.appendChild(document.createTextNode(x5)); //为单元格添加内容 row.append(td0); //将单元格添加到行内 row.appendChild(td1); //将单元格添加到行内 row.appendChild(td2); //将单元格添加到行内 row.appendChild(td3); //将单元格添加到行内 row.appendChild(td4); //将单元格添加到行内 row.appendChild(td5); //将单元格添加到行内 document.getElementById("rows").append(row); //将行添加到<tbody>中 }

[天际的海浪]

td0.innerHTML = ss;

[天才韩神]

引用 2 楼 天际的海浪 的回复：

td0.innerHTML = ss;

感谢！！