js动态创建及移除div的方法

本文实例讲述了js动态创建及移除div的方法。分享给大家供大家参考。具体实现方法如下：

//创建div

function createDiv(){

if(document.getElementByIdx_x("newD")!=null)

document.body.removeChild(document.getElementByIdx_x("newD"));

var Div = document.create_rElement("div");//创建div

Div.setAttribute("id", "newD");

Div.style.position = "absolute";

Div.style.height = "160px";

Div.style.width = "400px";

Div.style.border = "1px solid grey";

Div.style.background = "white";

Div.style.paddingTop = "40px";

Div.style.zIndex = "100";

Div.style.left = 100 +"px";//注意Firefox下必须加"px"

Div.style.top = 100 +"px";

Div.style.textAlign = "center";

Div.style.fontSize = "18px";

var str =

"<div id=\"divClose\" onclick=\"removeDiv()\" style=\"width:16px;height:16px;float:right;margin-top:-40px;background:url(images/divClose.gif);\"><\/div>"

;

Div.innerHTML = str + title;

document.body.appendChild(newD);

}

//移除创建的div

function removeDiv(){

document.body.removeChild(document.getElementByIdx_x_x("newD"));

}

js动态创建及移除div的方法的更多相关文章

用JS动态创建登录表单，报了个小错误
后来发现原来是: dvObj.style.border='#Red 1px sold'; 其中的Red多谢了一个‘#’, 但是奇怪的是在chrome和firefox都备有报错,但是在ie中报错了. 各 ...
UEditor js动态创建和textarea中渲染【原】
UEditor动态创建和textarea中渲染 http://ueditor.baidu.com/website/examples/textareaDemo.html <!DOCTYPE> ...
js动态创建表格,删除行列的小例子
js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...
js动态创建样式: style 和 link
js动态创建样式: style 和 link ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章有很多提供动态创建 ...
JS动态创建Table,Tr,Td并赋值
JS动态创建Table,Tr,Td并赋值. 成果库修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Tab ...
js 动态创建变量
js 动态创建变量 CreationTime--2018年7月2日15点04分 Author:Marydon 1.实现方式通过eval()实现 2.代码实现 /** * 声明一个函数 * @ex ...
通过js动态创建button
通过js动态创建button 一.实例描述通过JS的DOM对象,实现元素的动态创建. 二.效果三.代码 <!DOCTYPE html> <html lang="zh-c ...
js动态创建的select2标签样式加载不上解决办法
js动态创建的select2标签样式加载不上:调用select2的select2()函数来初始化一下: js抛出了Uncaught query function not defined for Sel ...
js动态给table添加/删除tr的方法
js动态给table添加/删除tr的方法. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...

随机推荐

htm5实现视差动画
requestAnimationFrame.js window.requestAnimFrame = (function() { return window.requestAnimationFrame ...
log4net基本日志使用笔记[windows application]
Ref: http://www.cnblogs.com/wangsaiming/archive/2013/01/11/2856253.html http://www.cnblogs.com/zhouf ...
present的时候是可以直接回到第一个viewcon的
最新:我并没有记错,是可以直接回到的 [self.presentingViewController.presentingViewController dismissModalViewControlle ...
新贵HTML5，2016的发展方向会怎样？
2014年下半年,微信捧火了HTML5小游戏,自此国内各行各业开始对HTML5保持高涨关注.2015年是国内HTML5行业迅速发展的一年,在媒体大肆渲染“互联网寒冬”之际,HTML5作品的生产数量和传 ...
location跳转和header跳转的区别
1:header("location:url") 跳转之前不能有任何输出,如果想在header之前有输出,则要修改php.ini文件.具体 output_handler =mb_o ...
kappa 一致性系数计算实例
kappa系数在遥感分类图像的精度评估方面有重要的应用，因此学会计算kappa系数是必要的实例1 实例2
oracle游标小试
有时候需要大面积的修改数据,这个时候用循环语句效率不高.而临时表又不能满足点对点修改的时候,游标似一种不错的选择(PS:好像游标也是为循环而生的吧) 现在有两张表 t1(ryid number,nam ...
jquer ajax
function SetValue() { var strCodeName = $("#MainContent_ddlFullNameAndFullName").val(); ) ...
Spring execution 表达式
execution(modifiers-pattern? ret-type-pattern declaring-type-pattern? name-pattern(param-pattern) th ...
Xcode的后缀字母的意思是
'A' 新增 'D' 删除 'M' 修改 'R' 替代 'C' 冲突 'I' 忽略 '?' 未受控 '!' 丢失,一般是将受控文件直接删除导致

js动态创建及移除div的方法

js动态创建及移除div的方法的更多相关文章

随机推荐

热门专题