js创建新节点，创建层

最新推荐文章于 2020-11-30 21:04:48 发布
最新推荐文章于 2020-11-30 21:04:48 发布
阅读量235 收藏
点赞数
分类专栏： js 文章标签： 前端 git javascript ViewUI
<script language="javascript">
function docEle(str){
return document.getElementById(str);
}
function openNewDiv(_id) {
var m = "mask";
if (docEle(_id)) document.body.removeChild(docEle(_id));
if (docEle(m)) document.body.removeChild(docEle(m));
// 新激活图层
var newDiv = document.createElement("div");
newDiv.id = _id;
newDiv.style.position = "absolute";
newDiv.style.zIndex = "9999";//设置层叠次序，大于1即为离用户最近的
newDiv.style.width = "500px";
newDiv.style.height = "300px";
newDiv.style.top = "50px";
newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px";
// 屏幕居中
newDiv.style.background = "#A3F5F1";
newDiv.style.border = "1px solid #860001";
newDiv.style.padding = "5px";//属性设置元素的内边距，定义元素边框与元素内容之间的空间
newDiv.innerHTML = "新激活图层";
document.body.appendChild(newDiv);
// mask图层，为了好看，可以不要中间层
var newMask = document.createElement("div2");
newMask.id = m;
newMask.style.position = "absolute";
newMask.style.zIndex = "1";
newMask.style.width = document.body.scrollWidth + "px";
newMask.style.height = document.body.scrollHeight + "px";
newMask.style.top = "0px";
newMask.style.left = "0px";
newMask.style.background = "#000";
//透明度
newMask.style.filter = "alpha(opacity=40)";
document.body.appendChild(newMask);
// 关闭mask和新图层
var newA = document.createElement("a");
newA.href = "#";
newA.innerHTML = "关闭";
//newA.style.background = "#811C18";
newA.onclick = function() {
document.body.removeChild(docEle(_id));
document.body.removeChild(docEle(m));
return false;
}
newDiv.appendChild(newA);
}
</script>
<body>
<a href="#" οnclick="openNewDiv('newDiv');return false;">激活新层</a>

</body>
iteye_5744
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 创建 div层
05-22
使用js创建div层 包含关闭坐标等，学要的可以参考一下，可能正常使用
初学js 新节点的创建 删除 的步骤
10-28
对于js 我是个初学者 甚至还不入门，我比较喜欢js做出的特效。
Javascript创建节点
xyjikl
12-09 681
在Javascript中，可以创建各种类型的节点。 下面列出常用的创建节点的方法： 方法 说明 createElement() 创建一个元素节点 createTextNode() 创建一个文本节点 createComment() 创建一个文本节点 createDocumentFragment() 创建文档碎片节点
js创建浮动层代码和js操作数据
dy_Smile的专栏
10-11 2099
var currentMoveObj = null;     var relLeft;     var relTop; function f_mdown(obj) {     currentMoveObj = obj;     currentMoveObj.style.position = "absolute";     relLeft = event.x - currentMoveObj.style.pixelLeft;     relTop = event.y - currentMoveObj.styl
原生js创建一个div层
热门推荐
果然朝辉的博客
04-01 1万+
原生js创建一个div层
document的createDocumentFragment()方法
weixin_30855099的博客
06-21 188
在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中，介绍了几种动态创建html节点的方法，其中有以下几种常见方法： · crateAttribute(name)：　　　　　　　用指定名称name创建特性节点 · createComment(text)：　　　　　　　创建带文本text的注释节点 · createDocumentFragment()：　　　...
js创建元素（节点）示例
10-26
本文为大家介绍下使用js是如何创建元素（节点）的，感兴趣的朋友不要错过
jQuery与JavaScript节点创建方法的对比
10-21
本文主要介绍jQuery与JavaScript节点的创建方法，以及他们的具体代码实现方法，大家可以对比下他们之间的不同，希望对大家编写代码有所帮助
删除javascript所创建子节点的方法
12-10
本文实例讲述了删除javascript所创建子节点的方法。分享给大家供大家参考。具体如下： js创建的节点，一时不知道如何删除。。。耗了一大堆时间 for(var i = 0; i < jsonList.length; i++ ){ var li_button = ...
Javascript动态创建 style 节点
09-27
有很多提供动态创建 style 节点的方法，但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点，我搞了2个小时。静态外部 css 文件语法：@import url(style.css);动态外部 css 文件...
用js生成dom并实现弹出层效果
07-31
NULL 博文链接：https://hongtanke.iteye.com/blog/1051579
利用Jquery.blockui.js创建可拖动、自定义内容的弹出层
weixin_30858241的博客
02-26 104
利用Jquery.blockui.js创建可拖动、自定义内容的弹出层 目标 ： 1 . 弹出层的内容可以自定义任意的HTML元素 ， 不仅仅只显示一行文本。 2 . 弹出层可以拖动 ， 这样不会遮挡后面的内容。 效果见下图 ： 需要文件 ： Jquery.js 1.6 以上版本 Jquery.blockUI.js 官网下载 支持拖动的四个JqueryUI文件 ： j...
js创建节点
Boke_的博客
06-21 370
window.onload = function(){ // 抓取元素 var box = document.getElementById("box"); // 添加点击事件 box.onclick = function(){ // 创建标签 // document.createElement('标签名（随便取）'); var h= document.createElement('s
根据要素选择集，创建新图层
技术集中营
10-08 3523
IFeatureLayer featureLayer = new FeatureLayerClass();                     featureLayer.FeatureClass = featureClass;                     IFeatureSelection featureSelection = featureLayer as IFeatureS
Jquery 创建一个临时层
zhuyu19911016520
09-07 776
$(function () {             var x = 100;             var y = 100;             $(".toollip").mouseover(function (e) {                 var strdivs = $("123456");                 $("body").append(st
JavaScript创建文本节点
qq_33325959的博客
11-08 1167
<div id="text"></div><script> window.onload=function(){ var textcon=document.getElementById("text"); var text1=document.createTextNode("你好"); //一个节点 var text2=document.creat
Educoder JavaScript
HONDEY的博客
11-30 617
Educoder JavaScript学习手册一 JavaScript（简称“JS”） 是一种具有函数优先的轻量级、解释型或即时编译型的编程语言，其不仅可以作为 Web 页面开发的脚本语言，也可用到很多非浏览器环境中, 广泛应用于网站前端、后台、移动开发、插件开发等。jQuery 是一个快速、简洁的 JavaScript 框架，其设计宗旨是 Write Less，Do More，即倡导写更少的代码，做更多的事情。 想成为一名合格的前端工程师，JavaScript 是必学的技能；要学会如何更快更好的做出项目，
control层alert弹出框乱码_【ArcGIS for JS】动态图层的属性查询（11）
weixin_39818014的博客
11-29 145
在真实需求中,我们不仅仅是将shp在地图中显示那么简单，我们往往要查询该图层的属性信息,我们在前面代码的基础上添加上属性查询。1.1方法1(通过click直接获取)1.1.1代码实现给要素图层添加点击事件layer2.on("click", function(evt) { //得到点击的graphics va...
js创建结点和添加节点
黄大仙
08-06 596
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>123</li> </ul> <script> //创建结点
js创建子节点
最新发布
05-31
使用JavaScript可以通过以下步骤创建子节点： 1. 创建一个新的HTML元素节点，可以使用 `document.createElement()` 方法，指定要创建的节点类型，例如： ```javascript var newElement = document.createElement...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值