Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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 .AppendChild()在脚本执行后不显示_Javascript_Jquery_Css - Fatal编程技术网

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

Javascript .AppendChild()在脚本执行后不显示,javascript,jquery,css,Javascript,Jquery,Css,好吧,这是一个奇怪的问题,当脚本运行时,它工作得很好,但它不会显示在屏幕上,然后当我检查元素并关闭检查元素的窗口或放大/缩小页面时,它会显示出来。 我确信任何显示css属性都没有问题,因为即使在放大/缩小后它也不会显示 我真的不明白为什么会这样:/ 脚本: function css() //create new { var qntinputs = document.getElementsByTagName('input'); var j = qntinputs.length + 9; v

好吧,这是一个奇怪的问题,当脚本运行时,它工作得很好,但它不会显示在屏幕上,然后当我检查元素并关闭检查元素的窗口或放大/缩小页面时,它会显示出来。 我确信任何显示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;
}

有没有办法刷新或再次放大缩小以显示它?

不能将div添加为表子级。它需要在td内部。您需要在表中附加一个tr,然后是td,然后是div元素,或者不是div而是直接在td上插入内容

哦,对不起,我没有提到它,这个ID表是一个div,它只是它的一个名称。我将编辑并放置html。