高手帮我解释这段代码啊

Question

function setNames(names) {            
            clearNames();
            var size = names.length;
            setOffsets();            var row, cell, txtNode;
            for (var i = 0; i < size; i++) {
                var nextNode = names[i].firstChild.data;
                row = document.createElement("tr");
                cell = document.createElement("td");
                
                cell.onmouseout = function() {this.className='mouseOver';};此处this.className看不懂
                cell.onmouseover = function() {this.className='mouseOut';};
                cell.setAttribute("bgcolor", "#FFFAFA");
                cell.setAttribute("border", "0");
                cell.onclick = function() { completeField(this); } ;                                             txtNode = document.createTextNode(nextNode);
                cell.appendChild(txtNode);
                row.appendChild(cell);
                completeBody.appendChild(row);
            }
        }

Answer 1

                cell = document.createElement("td"); 
                cell.onmouseout = function() {this.className='mouseOver';};
this 指向cell
cell就是创建的那个td.className 就是 td的样式

Answer 2

相当于 <td class="mouseOver">, 定义td的css式样

Answer 3

为那个cell，也就是td，指定一个css的类名为mouseOver,从而使得鼠标移出td的时候，该td的类名为mouseOver

Answer 4

onmouseout 的时候，给td设置class为'mouseOver'；

Answer 5

var cell = document.createElement("td"); 
cell.onmouseout = function() {this.className='mouseOver';}; 
创建一个TD对象，
再将此对象的鼠标移出事件赋值为一个函数，函数的内容是将“此对象的样式名赋值为'mouseOver'”