在动态表格中附加图片

Question

所以在这里我创建了一个动态表。 在该表的单元格中，我想添加5个不同的图像。 当我将每个图像分别附加到单元格时，效果很好，但这不是解决方案，因为它将导致很多行代码。 这就是为什么我定义了一个函数，其中所有这些图像都位于我附加在单元格中的变量中。

然后在动态表的函数中，我调用附加函数（c1.appending（）;）

所以基本上和以前一样，但是不起作用.....

function appending(){

var img1 = document.createElement("IMG");

    img1.setAttribute("src","stern.png");
    img1.setAttribute("width","25");
    img1.setAttribute("height","25");

this.appendChild(img1);

}

function tableAdd() {

   var table = document.getElementById("table");
    var row = table.insertRow(); 


    var c1 =row.insertCell(1);
    c1.appending();
}

Answer 1

它不起作用，因为c1没有任何名为追加的函数。 使用以下代码更改函数的代码

 function appending(col) {
     var img1 = document.createElement("IMG");
     img1.setAttribute("src", "stern.png");
     img1.setAttribute("width", "25");
     img1.setAttribute("height", "25");
     col.appendChild(img1);
 }
 function tableAdd() {
     var table = document.getElementById("table");
     var row = table.insertRow();
     var c1 = row.insertCell(0);
     appending(c1);
 }

您需要调用附加函数并将c1作为参数传递给附加函数，然后将图像附加到该参数中