怎么样把 document.createElement("div"); 这个 div 给显示出来？

Question

function showDiv(){
var div = document.createElement("div");
div.style.top = 300;
div.style.left = 300;
div.style.display = "inline";
div.innerHTML = "hello, world.";
         window.document.appendChild(div);--加上这一句就可以了!
  div.focus();
}

Answer 1

function showDiv(){
var div = document.createElement("div");
div.style.top = 300;
div.style.left = 300;
div.style.display = "inline";
div.innerHTML = "hello, world.";--这句最好变成:div.innerText="hello, world.";
         window.document.appendChild(div);--加上这一句就可以了!
  div.focus();
}

Answer 2

应该加上div.style.position="absolute"

Answer 3

<input type="button" name="aa" value="aa" onclick="showDiv();"/>
ABCDE<script>
function showDiv(){
var div = document.createElement("<div style='color:red;display:inline;'>");
div.innerHTML = "hello, world.";
  document.activeElement.insertAdjacentElement("afterEnd",div);
}
</script>

Answer 4

<input type="button" name="aa" value="aa" onclick="showDiv();"/>
ABCDE<script>
function showDiv(){
var div = document.createElement("div");
div.style.top = 300;
div.style.left = 300;
  div.style.backgroundColor = "red";
div.style.display = "inline";
div.innerHTML = "hello, world.";
  document.body.appendChild(div);
}
</script>这段代码我测试着没有什么问题呀。ＰＳ：innerText  insertAdjacentElement 都是ＩＥ独有的东东，若是考虑代码的兼容性的话，最好还是不要使用这些属性方法

Answer 5

用 Pandahai 的：window.document.appendChild(div);不行加上  meizz 的：document.body.appendChild(div); 就可以了，---------------------但现在又出现新的问题，因为现在可以生成了，但我不停的点这个 button，这些 div 就出现越来越多，原意是想点一下按钮，出现一个 div 在下方，再点一下按钮，也是只有一个 div 在下方！如果其他地方也有这些按钮调用该方法，则永远只出现一个 div ！----------------------因为现在是要实现点一下按钮，出现一个日历选择的 div ，选择完后，这个 div 就要消失！
现在日历的程序已经从网上 copy 了一个下来了当成了上面的 innerHTML ！因为出现了多个 div ，所以现在点日历里面的对象，因为对象重复，所以出错了怎么处理？？？

Answer 6

上面的搞定了，但是页面上的 select 把 div 给挡住了·！！！！！！！！！！！