执行脚本后不显示.AppendChild()

Question

嗯，这是一个奇怪的问题，当脚本运行时，它工作得很好，但它不显示在屏幕上，然后当我“检查元素”并关闭检查元素的窗口或放大/缩小页面时，它就会显示出来。我确信任何" display“css属性都没有问题，因为它即使在放大/缩小之后也不会显示……

我真的不明白为什么会这样:/

脚本：

function css() //create new
{
    var qntinputs = document.getElementsByTagName('input');
var j = qntinputs.length + 9;
var i = qntinputs.length;


for (i; i<j;i++)
{ 
    table = document.getElementById("table");
      var element = document.createElement('div');
      var input = document.createElement("input");
      element.className = "cell";
      element.style.paddingTop = "0px";
      element.style.height = "50px";
      input.className = "insert" + i;
      if (i == j-1 || i == j-2)
      {
          if (i==j-1) 
          {
               element.style.width ="100px";
               input.style.width ="90px";
               input.style.paddingLeft = "5px";
          }
          else 
          {
              element.style.width ="90px";
              input.style.width ="90px";
          }
        input.type = "checkbox";
      }
      else
      {
          if (i == j-4 || i == j-3)
          {
              input.type = "time";
          }
          else
          {

              if (i== j-5)
              {
                input.type = "date";
              }
                  else
                  {
                      if (i== j-6)
                      {
                        element.style.width = "90px";
                        input.style.width = "80px";
                      }
              }
           }
      } 
      document.getElementById("table").appendChild(element);
     table.appendChild(element);
     element.appendChild(input);
}
i = qntinputs.length;
}

有没有办法“刷新”或再次放大或缩小来显示它？

Answer 1

不能将div添加为table子级。它需要在td中。您需要向表中追加tr，然后追加td和div元素，或者直接在td上插入内容而不是div