knrt.net
当前位置:首页 >> js怎么过Div追加Div >>

js怎么过Div追加Div

//这是直接插入html document.getElementById("div_id").innerHTML = "你想往div里插入的html代码";//如果想追加,可以这样//先保存div中原来的html var html = document.getElementById("div_id").innerHTML;//再跟你想追加的代码加到一起插入div中 document.getElementById("div_id").innerHTML = html + "你想往div里追加的html代码";

var ele=document.getElementById('id');ele.innerHTML=ele.innerHTML+"追加内容";//把原来的东西获取后再后面拼接

使用 DW 软件

<div id="parent" style="width:500px;height:300px;border:1px solid red;"></div> <script> //动态添加div function addElementDiv(obj){ var parent = document.getElementById(obj); //添加div var div = document.createElement("div"); //设置div

1、使用innerHTML:document.getElementById("div1").innerHTML+="<p>新来的(innerHTML)</p>";2、使用appendChild:var newchild = document.createElement("p");newchild.innerHTML = "新来的(appendChild)";document.getElementById("div1").appendChild(newchild);

2个方式.1.修改innerHTML.例如:document.getElementByID().onclick=function(){document.getElementByID().innerHTML="<div class='newdiv'>我是新的div</div>";//获取要增加div的父节点}2.增加节点、document.getElementByID().

<style type="text/css"> .box{position:absolute;width:60px;height:200px; background-color:#0ff; /*background: url(../images/dang2.jpg) no-repeat;*/ }</style><body><script type="text/javascript"> var newDiv=document.createElement("div")

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

很简单,首先引用jquery,然后用$("#containerID").load("page.html")注意样式这些.如果两个页面css不是一套容易造成页面混乱.

定义str=''+'内容'+''$("div").append(str);

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