javascript noob ...文件写

Question

我正在尝试使用Javascript在我的导航栏中加载更多链接.

这就是我的尝试; 我只想在我的导航中添加一个链接以在其下加载更多链接.

<a href="" onclick="show()"/>collections</a>
<script type="text/javascript">
function show() {
   document.write("collection 1 <br /> collection 2 <br /> etc... <br />");
}
</script>

任何人都可以建议相关的教程或给我一个提示吗？

Answer 1

document.write应该只在文档加载时使用.加载文档后调用它将清除当前文档并写入一些新内容.要向页面添加新内容,您需要创建新的DOM对象并将其添加到页面或修改现有的DOM对象.

以下是修改您在此处可以看到的页面的一个小示例:http://jsfiddle.net/jfriend00/zVS39/

HTML:

<a href="#" onclick="show()">collections</a>
<span id="moreText"></span>

使用Javascript:

function show() {
    var o = document.getElementById("moreText");
    o.innerHTML = "<br>collection 1 <br /> collection 2 <br /> etc... <br />";
}