下行 - Java脚本

Question

我收到了这段代码：现在“item.movi​​e”就出现在“item.time”和“ - ”符号后面。我希望“item.movi​​e”显示在“item.time”下面的另一行。我很想得到一些帮助，如何做到这一点。非常感谢。

var column = document.createElement('td');
        column.appendChild(document.createTextNode(item.time + " - " + item.movie));
        row.appendChild(column);

Answer 1

替换

column.appendChild(document.createTextNode(item.time + " - " + item.movie));

与

column.appendChild(document.createTextNode(item.movie));
column.appendChild(document.createElement("br"));
var timeEl = document.createTextNode(item.time);
timeEl.className = "movieTime";
column.appendChild(timeEl);

并添加css

.movieTime {
  font-weight: 700;
  text-decoration: underline;
}