js动态创建/删除 (页面)元素节点、设置其属性方法

来源:互联网 发布:php优化方案 编辑:程序博客网 时间:2024/05/22 16:49

在项目过程中,多数情况下,一个页面是满足不了要求的,这时就需要多个页面相互切换,进行交互,js可以动态的创建一个页面,在不需要的时候删除。方法如下:

创建
方法:createElement

eg: 创建一个div

   var m_div=document.createElement("div");     m_div.id="m_Div";   document.body.appendChild(m_div);  

设置属性

eg:设置创建的div的样式

方法1m_div.style.cssText="width:500px;height:300px;background:#104E8B;text-align:center;line-height:220px"; 
方法2m_div.style.width="1000px";m_div.style.height="800px";m_div.style.backgroundColor= "#104E8B";

删除

eg: 删除上述创建的div

var mDiv_id = document.getElementById("m_Div");if( mDiv_id != null){ //存在则删除    document.body.removeChild(mDiv_id); }
阅读全文
0 0