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

Question

好吧，这是一个奇怪的问题，当脚本运行时，它运行良好但它没有在屏幕上显示它然后当我“检查元素”并关闭检查元素的窗口或放大/缩小页面时，它出现。我确信任何“显示”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 元素，或者代替 div直接在td

上插入内容