js动态创建及移除div的方法
2023-09-11 14:19:24 时间
本文实例讲述了js动态创建及移除div的方法。分享给大家供大家参考。具体实现方法如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
//创建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 生成4位随机数及Js知识汇总
- VSCode调试Html中的脚本 vscode前端常用插件推荐,搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js
- .net mvc 站点自带简易SSL加密传输 Word报告自动生成(例如 导出数据库结构) 微信小程序:动画(Animation) SignalR 设计理念(一) ASP.NET -- WebForm -- ViewState ASP.NET -- 一般处理程序ashx 常用到的一些js方法,记录一下 CryptoJS与C#AES加解密互转
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- JS 保姆级贴心,从零教你手写实现一个防抖debounce方法
- JS leetcode 杨辉三角Ⅱ 题解分析
- js方法在iframe父子窗口
- base.js,通用js方法,Js方法封装
- Mui-js获取复选框的值,利用数组
- 基于PHP和JS的AES相互加密解密方法详解
- js中设置元素class的三种方法小结
- js中表达式 >>> 0 浅析 (以及用php简单翻译)
- [js高手之路] 跟GhostWu一起封装一个字符串工具库-扩展字符串位置方法(4)
- arcgis api 4.x for js 自定义叠加图片图层实现地图叠加图片展示(附源码下载)
- js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容,光标始终在粘贴内容后面,以及将光标定位到最后的方法
- 浅析浏览器是如何工作的(一):V8引擎、JIT机制、JS代码解释执行与编译执行
- Node.js:Buffer(缓冲区)介绍及常用方法
- 华为OD机试 - 最小传递延迟(JS)
- 华为OD机试 - 特异性双端队列(JS)
- 【HarmonyOS】【JS】 鸿蒙js开发使用div自带的scroll,滑动条拉不到最下面?
- EXT-JS 6演示样例程序-Login演示样例程序
- JS中setTimeout()的使用方法具体解释
- 包学会之浅入浅出Vue.js:升学篇
- 原生js源码之Array数组reverse方法
- 原生js源码之Array的reduce方法
- js获取DIV的位置坐标的三种方法
- js 图片转base64并压缩