将Font Awesome图标附加到<li>

时间:2017-05-04 20:28:14

标签: javascript jquery html

所以,我想在新创建的li

中添加一个Font Awesome图标

点击即可创建新的li,其中需要两个图标。

HTML:

<ul class="todo" id="todo">
</ul>

JS:

function addItemToDo() {

    var list = document.getElementById('todo');

    var itemName = document.getElementById('item').value;
    var task = document.createElement('li');

    task.appendChild(document.createTextNode(itemName));
    list.appendChild(task);

    /* ADD ICONS */
    task.className += "fa fa-trash-o fa-3x";
    task.className += "fa fa-check-circle-o fa-3x";
}

新元素已创建,图标已被错误标记为&#39;不知何故。 我还试图用Unicode来附加它们,这对我来说也不起作用。

感谢您的帮助。

0 个答案:

没有答案