+ -
当前位置:首页 → 问答吧 → 一个document.write写入问题。

一个document.write写入问题。

时间:2010-05-17

来源:互联网

我想往 <UL>里写入对应的 数组, 用<li>排列。

但document.write会把整个文档流替换掉, 这样的情况应该怎么写啊。

我想做到的效果是,往已有的<ul>里面,罗列 <li>。  但我这个写法会把整个文档替换。

新手求解。
<html> <head> </head> <body> <DIV style="background:#CCC; overflow:hidden;" id="all"> <a id= "click" onClick="shu(1)">点击一下</a> <ul id="ul"> </ul> </DIV> <script type="text/javascript"> function shu(nn){ var m = document.getElementById("ul"); var h0 = ["A","B","C","D"]; var h1 = ["1","2","3","4"] var h2 = ["a","b","c","d"] var h = new Array(h0,h1,h2) for(i=0; i<h[nn].length; i++){ n ="<li>" + h[nn][i] + "</li>"; na = document.write(n); } m.innerHTML= na ; }; </script> </body> </html>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 wheremoon 于 2010-5-17 10:20 编辑 ]

作者: wheremoon   发布时间: 2010-05-17

复制内容到剪贴板
代码:
for(i=0; i<h[nn].length; i++)
m.innerHTML +="<li>" + h[nn][i] + "</li>";

作者: askok   发布时间: 2010-05-17


<html> <head> </head> <body> <DIV style="background:#CCC; overflow:hidden;" id="all"> <a id= "click" onClick="shu(1)">点击一下</a> <ul id="ul"> </ul> </DIV> <script type="text/javascript"> var ck = document.getElementById("click"); function shu(nn){ var m = document.getElementById("ul"); var h0 = ["A","B","C","D"]; var h1 = ["1","2","3","4"] var h2 = ["a","b","c","d"] var h = new Array(h0,h1,h2) for(i=0; i<h[nn].length; i++){ n ="<li>" + h[nn][i] + "</li>"; } m.innerHTML= n ; }; </script> </body> </html>
 提示:您可以先修改部分代码再运行
如果直接写入,又不罗列。    好难理解。

作者: wheremoon   发布时间: 2010-05-17

  理解了。

多谢~ 学习中

作者: wheremoon   发布时间: 2010-05-17


<html> <head> </head> <body> <DIV style="background:#CCC; overflow:hidden;" id="all"> <a id= "click" onClick="shu(1)">点击一下</a> <ul id="ul"> </ul> </DIV> <script type="text/javascript"> var ck = document.getElementById("click"); function shu(nn){ var m = document.getElementById("ul"); var h0 = ["A","B","C","D"]; var h1 = ["1","2","3","4"] var h2 = ["a","b","c","d"] var h = new Array(h0,h1,h2) for(i=0; i<h[nn].length; i++){ n +="<li>" + h[nn][i] + "</li>"; } m.innerHTML= n ; }; </script> </body> </html>
 提示:您可以先修改部分代码再运行

作者: zane0216   发布时间: 2010-05-17