Question

如何显示文字不是下一个，而是像列表一样在彼此之下？

for (var j = 0; j < 5; j++) {
  var cell = document.createElement("td");
  var cellText = document.createTextNode("1x1= 1");
  var cellText1 = document.createTextNode("1x2= 2");
  cell.appendChild(cellText);
  cell.appendChild(cellText1);
  row.appendChild(cell);

}

像：

1 x 1 = 1

1 x 2 = 2

Answer 1

列表是你的朋友：

var ul = document.createElement("ul");

for (var j = 0; j < 5; j++) {
    var item = document.createElement("li");
    li.text = "1x1=5";
    ul.appendChild(li);
}

//Append ul to a container now

Answer 2

使用ul代替table：

<ul id="result">
</ul>

<script type="text/javascript">
function add(n) {
    for ( var i = 0; i < n; i++ ) {
        var el = document.createElement("li");
        var val = document.createTextNode(i + " * " + i + " = " + (Math.pow(i,2)));
        el.appendChild(val);
        document.getElementById("result").appendChild(el);
    }
}

add(5);
</script>

DEMO

如何让文字显示在彼此之下？

2 个答案: