js动态创建div
来源:互联网 发布:mac系统怎么隐藏文件夹 编辑:程序博客网 时间:2024/06/05 18:40
js动态创建div
1.创建某个标签:如下在body中创建一个div的事例; <script> function fun(){ var frameDiv = document.createElement("div");//创建一个标签 var bodyFa = document.getElementById("bodyid");//通过id号获取frameDiv 的父类(也就是上一级的节点) bodyFa .appendChild(frameDiv);//把创建的节点frameDiv 添加到父类body 中; } <script> <body id="bodyid" > <!--在此添加div标签--> </body>2.添加属性:给创建的标签添加相应的属性: frameDiv .setAttribute("id", "divid");//给创建的div设置id值; frameDiv .className="divclass"; //给创建的div设置class; //给某个标签添加显示的值; var h = document.createElement("h1"); h.innerHTML = data[i].name; var p = document.createElement("p"); p.innerHTML = "要显示的值";
3.创建的标签添加事件:
a.不带参数: frameDiv.onmousedown = fun; //ps:函数名fun后面一定不能带括号,否则会在创建标签的时候执行函数, 而不是鼠标按下时执行; b.有参数: frameDiv.onmousedown = function(){ fun(this); } c.要调用的函数; function fun(){ alert("鼠标按下"); }
4.如果担心创建的标签没有被覆盖则可以替换:
var divFlag = document.getElementById("divFlag"); var divMain = document.createElement("div"); if(divFlag != null){ body.replaceChild(divMain, divFlag);//把原来的替换掉 } divMain.setAttribute("id", "divFlag");
0 0
- Js动态创建div
- Js动态创建div
- js动态创建div
- js动态创建和删除一个div
- js动态创建div等元素实例
- js动态创建和删除div
- js 动态创建div并向其中添加元素
- 动态创建div
- 动态创建弹出div
- jquery 动态创建 DIV
- 如何动态创建div
- js动态加载div
- js动态添加div
- js动态添加div
- js动态添加div
- JS动态生成DIV
- js创建div
- js创建div
- 学习笔记
- 接收机结构之带通采样
- 蓝桥杯程序设计大赛真题及解析
- android 设置背景色,以及透明度
- let和var在for循环中的表现
- js动态创建div
- 关于Android系统目录下文件的操作
- JS 默认值
- CSS网站兼容性问题归类
- 第五届蓝桥杯切面条
- 异常与异常处理
- nyoj762~第k个互质数(容斥原理+二分)
- 第33课:彻底解密Spark 2.1.X中Shuffle 中Mapper端的源码实现
- 误差 偏差 方差