在运行时创建<div> </div>

时间:2010-08-18 05:47:53

标签: javascript html css

我想知道我是否可以在运行时使用JavaScript或任何其他方法创建<div>: 当点击一个<div>上的按钮时,应显示另一个<div>,并且两个<div>应位于下方的html页面之上(即浮动<div> s)。

3 个答案:

答案 0 :(得分:4)

是的,document.createElement("div")。如果要将其附加到您想要的位置,则为theParentElementYouWantToAppendTo.appendChild(theDivYouCreated)

编辑:对于漂浮物,请theDivYouCreated.style.position = "fixed"

答案 1 :(得分:1)

Here http://docs.jquery.com/UI/Dialog

  

<强>概述

     

对话框是一个浮动窗口   包含标题栏和内容   区域。可以移动对话框窗口,   使用“x”图标调整大小并关闭   默认情况下。

     

如果内容长度超过   最大高度,滚动条会   自动出现。

     

底部按钮栏和   半透明模态覆盖层   是可以添加的常用选项。

答案 2 :(得分:0)

 <html>
 <head>
 <script>
 var ans=document.createElement('div');

 ans.setAttribute('id','kk');

 ans.setAttribute('name','jj');

 ans.setAttribute('style','display:block');

 document.getElementById('body').appendChild(ans);

 </script>
 </head>

enter code here



 <body id='body'>

 </body>

 </html>