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

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

创建
方法:createElement

eg: 创建一个div

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

设置属性

eg:设置创建的div的样式

方法1
m_div.style.cssText="width:500px;height:300px;background:#104E8B;text-align:center;line-height:220px"; 
方法2
m_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);
 }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值