在div中显示html内容

时间:2010-01-14 19:50:39

标签: javascript

如何显示html内容

 <script type="text/javascript">
    function replaceContent(show) {

         var display = new Array();
         display[1] = 1.html;
         display[2] = 2.html; 

         document.getElementById("ShowItems").innerHTML = display[show];

    }
    </script>

    <a href="#" onclick="replaceContent(1)">1</a>
    <a href="#" onclick="replaceContent(2)">2</a>
    <a href="#" onclick="replaceContent(3)">3</a>
    <div id="ShowItems">...</div>

三江源。

3 个答案:

答案 0 :(得分:0)

为什么不把内容放在他们自己的div中,只是隐藏/显示div?

答案 1 :(得分:0)

WHA?

尝试display[1] = "<b>Content 1</b>";,即它已经是HTML。

也许我不明白你的问题...

数组也是零索引,所以你应该从0-2开始而不是1-3。

答案 2 :(得分:0)

您想要使用1.html,2.html等的内容填充#ShowItems吗?除非1.html和2.html真的只是页面片段,否则这没有多大意义。考虑iframe。