Javascript 如何让文本显示在彼此下面?

Javascript 如何让文本显示在彼此下面?,javascript,html-table,Javascript,Html Table,如何显示文本,而不是下一个,而是像列表一样显示在彼此下面 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.app

如何显示文本,而不是下一个,而是像列表一样显示在彼此下面

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);

}
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);
子行(单元格);
}
比如:

1 x 1=1

1 x 2=2名单是你的朋友:

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
var ul=document.createElement(“ul”);
对于(var j=0;j<5;j++){
变量项=document.createElement(“li”);
li.text=“1x1=5”;
ul.儿童(li);
}
//现在将ul附加到容器中

使用
ul
代替
表格

<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>
函数添加(n){ 对于(变量i=0;i

使用无序列表
或者您可以在每行后面添加

。不过可能有点脏。