javascript - 如何使用 javascript 将类添加到子元素？

Question

我有这样的html，它是一个包含一系列文件名的列表:

<ul>
    <li class="attachment"><i></i> somefile.pdf</li>
    <li class="attachment"><i></i> somefile.csv</li>
</ul>

我想将类添加到“i”元素而不是附件 div，但我不知道该怎么做。

function addIcon() {
    var att = document.getElementsByClassName('attachment');

    for (var i = 0; i < att.length; i++)
    {
       if (att[i].innerHTML.indexOf(".csv") != -1) {

           att[i].className += " icon-file-excel";
       }
       else if (att[i].innerHTML.indexOf(".xls") != -1) {

           att[i].className += " icon-file-excel";
       }
       else if (att[i].innerHTML.indexOf(".pdf") != -1) {

           att[i].className += " icon-file-pdf";
       }
       else if (att[i].innerHTML.indexOf(".doc") != -1) {

           att[i].className += " icon-file-word";
       }
       else if (att[i].innerHTML.indexOf(".jpg") != -1) {

           att[i].className += " icon-file-image";
       }
       else if (att[i].innerHTML.indexOf(".tif") != -1) {

           att[i].className += " icon-file-image";
       }
       else if (att[i].innerHTML.indexOf(".png") != -1) {

           att[i].className += " icon-file-image";
       }
       else if (att[i].innerHTML.indexOf(".doc") != -1) {

           att[i].className += " icon-file-word";
       }
       else{
           att[i].className += " icon-file-text";
       }
    }
}

Answer 1

childNodes[0] 或 firstChild 是您可能正在寻找的东西

att[i].childNodes[0].className += " icon-file-excel";

或

att[i].firstChild.className += " icon-file-excel";