Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止TD最终出现在新线路上?_Javascript_Html_Css_Html Table - Fatal编程技术网

Javascript 如何防止TD最终出现在新线路上?

Javascript 如何防止TD最终出现在新线路上?,javascript,html,css,html-table,Javascript,Html,Css,Html Table,我正在通过Javascript动态创建一个表,我确实希望该表在页面右侧继续。手动执行此操作可以使表继续关闭,但一旦我将其输入到for循环中,就会在呈现的HTML中换行到第二行,在到达页面末尾时创建两个或多个表行 innerHTML不保存您分配给它的字符串值 它将值解析为HTML,从中创建DOM,将其插入到文档中,然后,当您读回该值时,它将该DOM转换回HTML 这意味着您分配的字符串将接受错误恢复和规范化。特别是,您忽略的端点标记是固定的 panelindex.innerHTML=“” lo

我正在通过Javascript动态创建一个表,我确实希望该表在页面右侧继续。手动执行此操作可以使表继续关闭,但一旦我将其输入到
for
循环中,
就会在呈现的HTML中换行到第二行,在到达页面末尾时创建两个或多个表行


innerHTML
不保存您分配给它的字符串值

它将值解析为HTML,从中创建DOM,将其插入到文档中,然后,当您读回该值时,它将该DOM转换回HTML

这意味着您分配的字符串将接受错误恢复和规范化。特别是,您忽略的端点标记是固定的

panelindex.innerHTML=“”
log(panelindex.innerHTML)

好的,下面是固定的html和js代码。在所有代码构建innerHTML的其余部分之前,innerHTML似乎修复了更新html时缺少关闭的问题。此代码适用于:

<div id="panelindex" style="overflow:scroll;text-align:center;">

</div>

和js代码:

var numpanels = 100;


var q = Math.floor((1/numpanels)*500);
  if(q>50) q=50;
  panelindex.innerHTML = "<table border='0'><tr>";
  var html = "<table border='0'><tr>";
  for(i=0; i<numpanels; i=i+1) {
    html += "<td><div id='panel" + i + "' onclick='jumppage(" + i + ")' style='float:left;text-align:center;margin:8px;border-width:3;border-color:white;border-style:none;'><a href='#" + i + "'><img src='thumbnails.php?image=blowem" +  ".gif&GIF&tw=128&th=128&quality=" + q + "'>\n" +
            "<br />" + i + "</a></div></td>";
  }
  html += "</tr></table>";
  document.getElementById("panelindex").innerHTML = html;
var numpanels=100;
var q=数学楼层((1/单位)*500);
如果(q>50)q=50;
panelindex.innerHTML=“”;
var html=“”;

对于(i=0;i提供一个fiddle mate?当你说
元素以新行结束时,你的意思是它们在呈现的HTML中换行,创建两行或多行表,还是说在JavaScript创建的DOM中换行?还是在HTML中?@David Thomas the first,它们创建了更多行。@Siddharth Co.)我想不出如何制作小提琴,所以我提供了指向我想要的东西和后来的东西的链接。链接到你自己的网站是有问题的,因为不能保证你的网站会保留下来,你不会重新组织,你不会故意或以其他方式删除相关页面。任何这些都会让问题变得有些荒谬。请,至少,在您的问题中发布相关的“”代码(然后,如果必要,我们可以创建自己的复制品)。此外:
numpanels
定义在哪里,以及
q
从哪里起源?panelindex.innerHTML=“”;返回panelindex.innerHTML=“”;这部分代码是不必要的。啊,这就解释了。谢谢。