html div 移除,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.innerHTML = str + title;

document.body.appendChild(newD);

}

//移除创建的div

function removeDiv(){

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

}

希望本文所述对大家的javascript程序设计有所帮助。

html div 移除,js动态创建及移除div的方法相关推荐

js动态创建div等元素实例
为了节省时间,就直接贴代码了!希望大家多多的关注我! <html><head><title>js动态创建div等元素实例</title><styl ...
通过js动态创建标签，并设置属性
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...
js动态修改html标签属性,通过js动态创建标签,并设置属性方法
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...
js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...
实现js动态创建img并使用canvas画线连接
实现js动态创建img,使用canvas画线连接img,当背景图更换时,重新绘制img及连接线. 前台页面 @{ Layout = null; } <!DOCTYPE html> ...
js动态创建表格以及赋值
1.使用js动态创建表格 (1)不可编辑的表格 function creatTableA() {var tbody = document.querySelector('#tableA');for (v ...
原生JS动态创建html，实现瀑布流布局-
首先在搭起一台服务器(请求数据用),新建文件夹,打开cmd npm init -y 初始化包配置文件然后下载依赖包npm i mockjs express cors 源代码(服务端server.js ...
JS 动态创建元素、删除元素、替换元素、修改元素
动态创建元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...
js动态创建元素和删除
动态创建元素的三种方式: 一.document.write(): 功能:向body的最后添加一段结构: 参数:字符串: 用法:document.write('这是内容<div>这是div& ...

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

html div 移除,js动态创建及移除div的方法相关推荐

最新文章

热门文章