JavaScript如何在div中动态生成

1、获取div节点

创新互联成立十余年来，这条路我们正越走越好，积累了技术与客户资源，形成了良好的口碑。为客户提供网站建设、成都网站设计、网站策划、网页设计、域名注册、网络营销、VI设计、网站改版、漏洞修补等服务。网站是否美观、功能强大、用户体验好、性价比高、打开快等等，这些对于网站建设都非常重要，创新互联通过对建站技术性的掌握、对创意设计的研究为客户提供一站式互联网解决方案，携手广大客户，共同发展进步。

var div = document.getElementById('divid');//获取一个id是divid的div节点，往这个节点中添加p节点

2、动态生成p节点

var p = document.createElement('p');//创建p节点

p.innerHTML = '显示的文字';//p节点显示的文字

3、往div中通过appendChild添加p节点

div.appendChild(p);//往div中添加p节点

JS程序运行效率和内存占用有关系吗

JS是在客户端运行的，是基于浏览器的，我觉得如果JS中有死循环啊，或者比较耗费时间的功能的时候，执行效率肯定是有影响的，你在访问一些网站的时候，有没有遇到过浏览器提示"当前页面脚本执行时间过长"？至于页面显示，得看你页面显示的内容跟JS有没有关系，如果不是用JS来显示，就没啥关系，如果是通过JS来显示，就有关系了。

不过，一般我们的JS都是在页面加载完之后执行，或者当用户执行某个动作的时候才去执行，所以对页面显示的影响不会太大。

会，因为减少了可用内存容量，同时增加了内存碎片，此外还加重了浏览器的垃圾收集负担

如何通过javascript动态添加标签?

可以直接用document.getElementById("divid").innerHTML = "p内容/p";的方式来写。

多个可以循环进行处理。

假设段落文本是个数组：array。

可以通过for (var i = 0; i array.length;i++) {document.getElementById("divid").innerHTML = "p"+array[i]+"/p";}的方式进行处理。

延展：

如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度。

正确的方法应该使用 document对象的碎片方法。

document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理，例如:

var strArrayList=[]; // 创建一个段落文本数组对象，这些段落文本可能是100个也可能是1000个。

strArrayList[0]='数据111.......';

strArrayList[1]='数据.......';

strArrayList[2]='数据.......';

strArrayList[3]='数据.......';

strArrayList[4]='数据.......';

//...数据n.....

var div=document.getElementById('div1'); //获得DIV对象。

var f=document.createDocumentFragment(); //创建碎片对象。

for(var i=0;istrArrayList.length;i++){

var p=document.createElement('P'); //动态创建P标签。

p.appendChild(document.createTextNode(strArrayList[i]));//段落字符串。

f.appendChild(p); //附加到碎片对象中。

}

div.appendChild(f);//最后返给DIV对象。

用javascript怎么怎么制作一个拼图游戏？

拼图的游戏 重在思路.如果你基础过关的话...

下面我给你个游戏思路吧...

拼图这个

一,游戏思路是很简单的...

每个碎片都有一个有序号.每移动一次都检测一下所有的碎片是否都按有序号排列.是就过关...原理就这么简单...

打个比方: 我把一张图 打散成N片....每一片都有一个序号,比如:1,2,3

当用户移动一下 就检测是否所有的碎片已按序号排好,排好就过关...

二,技术思路:(以下我写的是伪代码,比如:(obj.style.width/n),那肯定得不到结果的,因为obj.style.width是个字符串.应该是:parseInt(obj.style.width)/n

1,打散图片,如何打散碎片呢?

这个其实可以用JS做一个FOR循环 ,为正张图片铺上等大小的格子(div).当然你会用(obj.style.width/n)这样计算.每一个格当前的 div[i].obj.offsetTop-img.offsetTop ,div[i].offsetLeft-img.offsetLeft..这时按照这个可以为每一个碎片DIV加上一个background-image:url(xxx);position:x,y;当然 这里的x,y你应该知道是什么了吧..这样就把图片打散到每个格子里了..

2,如何移动.这个不用我说了吧.当然是做DIV碎片的时候 多做一个出来,而且是空白的,也就是没背景的..

3,打乱.这个也很简单,执行一次随机 随机地把它们的位置调换就行了...

作为一个游戏,我只能为你提供思路到这了...一整套的思路

javascript在表格里不起作用？

原来少了一个

//--

你在你的html代码的head 里面加入下面的代码试试看

我测试过可以在表格里面

如果不行留言给我

HEAD

meta http-equiv="Content-Type" content="text/html; charset=gbk"

/HEAD

javascript如何写16格拼图游戏

很简单的嘛，分步走：

第一步 切图 这个用background就能实现，就是把一张图，在不同的格，利用背景的位置就行了，

并记录图片的顺序，比如 01，02，03.。。16，也就是把你切好的图作一个标记

第二步：分格，把指定的区域也就是拼图区。分成17分，16格是放图片，有一格是空白。。

第三步：随机把切好的图 显示到相应的位置上

第四步：当点击非空白的格子的时候，判断上下左右是否有空格，如果有，两者替换位置。判断当前的顺序是否跟记录的顺序一样了。如果一相，图拼好了。如果不一样，重复

本文标题：javascript碎片,js 文档碎片
分享链接：http://kswjz.com/article/dsdedip.html