javascript - 我如何使用以前的方法让 CSS 类显示在我的 javascript 中？

Question

我无法让它正常工作。该类适用于我的标题(因为整个 HTML 中只有一个标题标签)。它不适用于我的 TR 标签，因为要让它工作，我必须使用 for 循环。这是我的用于标题的代码，我如何让它为我的 TR 工作？

window.onload = function() {

    var caption = document.getElementsByTagName("caption");
    var oldCaption = caption[0].innerHTML;
    var newCaption = "CAPTION";

    var span = document.createElement('span');
    var text = document.createTextNode(newCaption);
    span.appendChild(text);
    span.className = "hoverNode";
    caption[0].appendChild(span);
}

这是我的 TR 部分:

var tr = document.getElementsByTagName("tr");

for (i = 0; i < tr.length; i++) {

    var newTR = "TR";

    tr[i].removeChild(tr[i].firstChild);
    tr[i].appendChild(document.createTextNode(newTR));
}

Answer 1

以与单个字幕相同的方式进行。在循环中创建一个跨度，并为其指定所需的类。

for (i = 0; i < tr.length; i++) {

    var newTR = "TR";
    var span = document.createElement('span');
    var text = document.createTextNode(newTR);
    span.appendChild(text);
    span.className = "hoverNode";

    tr[i].removeChild(tr[i].firstChild);
    tr[i].appendChild(span);
}