小编Mar*_*ite的帖子

如何使用javascript动态添加字体真棒图标?

我有一个表格,我将它设置为使用按钮动态添加行。我在弄清楚如何将字体真棒图标动态添加到最后时遇到了一些问题。

下面是添加表格行的代码。它根据需要添加前四个单元格,但如果您想成为 FA 图标,我需要第 5 个单元格。

var insertRow = document.getElementById("addRow");
insertRow.onclick = function() {
var x = document.getElementById("myTable");
var row = x.insertRow(x.rows.length);

    var cell = row.insertCell(0);
    var a = document.createElement("input");
        a.setAttribute("type","text");
        a.setAttribute("class","billInfo");
        cell.appendChild(a);

    var cell1 = row.insertCell(1);
    var b = document.createElement("input");
        b.setAttribute("type","number");
        b.setAttribute("class","billAmt");
        b.setAttribute("onkeyup","calc(this)");
        cell1.appendChild(b);

    var cell2 = row.insertCell(2);
    var c = document.createElement("input");
        c.setAttribute("type","date");
        c.setAttribute("class","date");
        cell2.appendChild(c);

    var cell3 = row.insertCell(3);
    var d = document.createElement("input");
        d.setAttribute("type","text");
        d.setAttribute("class","commentBox");
        cell3.appendChild(d); 

    var cell4 = row.insertCell(4);
    var e = document.createElement("h5");
    e.setAttribute("class","sourceText");
    e.append('<i class="fa fa-trash-o" aria-hidden="true"></i>'); …
Run Code Online (Sandbox Code Playgroud)

javascript font-awesome

4
推荐指数
2
解决办法
3万
查看次数

标签 统计

font-awesome ×1

javascript ×1