javascript碎片,js 文档碎片

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JavaScript如何在div中动态生成

1、获取div节点

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节点

相关问答

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

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

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

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

Q2: 如何通过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对象。

Q3: 用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,打乱.这个也很简单,执行一次随机随机地把它们的位置调换就行了...

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

Q4: javascript在表格里不起作用？

原来少了一个

//--

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

我测试过可以在表格里面

如果不行留言给我

HEAD

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

/HEAD