zrcd.net
当前位置:首页 >> js动态BoDy中添加Div >>

js动态BoDy中添加Div

原生js:var div = document.getElementById("testdiv"); div.innerText="测试";document.body.appendChild(div);jquery:$('body').append("<div id='div'>测试</div>");

详细的解题步骤如下:<div id="parent"></div> function addElementDiv(obj) { var parent = document.getElementById(obj);//添加 div var div = document.createElement("div");//设置 div 属性,如 id div.setAttribute("id", "newDiv"); div.

使用JSer吧,它是一个全功能的javascript开源脚本框架.创建一个DIV放到BODY中:var div = JSer("<div/>").appendTo("body");再创建一个DIV放这个DIV中:var div1= JSer("<div/>").appendTo(div);再例如向这个DIV1中添加文本内容:div1.html("AAAAAAAAA");有关更多的,请百度搜索JDiy进官网了解

$("body").prepend($("dosomething"))

直接上代码.html代码如下:<body> <div id="container"></div></body> JS代码:function addDiv() { var container = document.getElementById('container'); var child = document.createElement('div'); container.appendChild(child); }// 页面onload时候执行js window.onload = addDiv(); JS代码执行后的结果:<body> <div id="container"> <div></div> </div></body>

<script src="js/jquery.js"></script><script>function s(d){ var div = $('<div class="' + d + '"></div>'); $(document.body).append(div);}</script><style>.cssName1 { padding: 20px; margin: 10px; border: 1px solid red; }.cssName2 { padding: 20px;

使用jser吧,它是一个全功能的javascript开源脚本框架.创建一个div放到body中:var div = jser("").appendto("body");再创建一个div放这个div中:var div1= jser("").appendto(div);再例如向这个div1中添加文本内容:div1.html("aaaaaaaaa");有关更多的,请百度搜索jdiy进官网了解

var com = document.createElement("div");document.getElementById("XXXX").appendChild(com);com.x = x;com.y = y;com.style.left = "XXpx";com.style.top = "YYpx";var txt = document.createElement("input");txt.nodeType = "text";

newDiv=createElement("div");//动态创建DIVnewDIV.width=600px;.//这里是div的属性定义document.getElementsByTagName("body").appendChild(newDiv);//添加到body里..div的拖动通过绑定onmousedown 和onmousemove 和 onmouseup 事件,获取鼠标当前坐标,经过计算后设置DIV的posision就可以了

var creatediv= function(){ var parentdiv=$(''); //创建一个父div,如果已经有了就获取 parentdiv.attr('id','parent'); //给父div设置id parentdiv.addclass('parentdiv'); //添加css样式 var childdiv=$(''); //创建一个子div childdiv.attr('id','child'); //给子

网站首页 | 网站地图
All rights reserved Powered by www.zrcd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com