javascript - javascript noob…文件写

Question

我正在尝试使用Javascript在my nav bar中加载更多链接。

这是我尝试过的；我只希望导航中的一个链接在其下方加载更多内容。

<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 />";
}