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元素，或者代替div在td上直接插入内容}

.AppendChild（）在执行脚本后不显示

1 个答案: