将元素添加到网页

时间:2012-06-19 03:33:15

标签: javascript

我有我编辑过的代码:http://pastebin.com/vrqHek6S 我在编辑的地方放了评论。第75-75行&第156-166行

我如何从外部java脚本文件中获取这些内容...我已经尝试了3个小时来学习如何使用“document.body.appendChild”“document.createElement”& “divTag.innerHTML”,我没有在哪里。

谢谢, 安德鲁皮尔森

PS。这是我的第一篇文章,所以如果我做错了请告诉我

编辑:这就是我累了http://pastebin.com/ZaJJYsPq

   Potatoswatter you are correct

编辑:对不起,伙计们已经很晚了,我的脑海里根本没有工作应该怎么做。我想要做的是创建Div并用我列出的Lines填充div,但我想用纯js做这个,因为我不能在html页面上做任何重大编辑(我只能添加外部js到头。

2 个答案:

答案 0 :(得分:1)

所以你想知道如何将元素插入DOM。以下是MDN的链接:

您可以在MDN中学习新东西。这是一个很好的参考站点。

答案 1 :(得分:0)

从你所包含的一点点JS中,看起来你正试图通过纯JS创建一个div,但你的JS是错误的。

divTag.innerHTML = "<a class=\"sidetab\" href=\"#tab_dynmap\" id=\"tabhead_dynmap\"><img src=\"Images/DynMap.png\" alt=\"DynMap\" /><span>DynMap</span></a>";

您需要撤消报价。

-

  

如何从外部java脚本文件中获取这些编辑内容。

我要复制并粘贴......

  

第75-75行&amp;第156-166行

这些行不包含任何JS:

 <a class="sidetab" href="#tab_dynmap" id="tabhead_dynmap"><img src="Images/DynMap.png" alt="DynMap" /><span>DynMap</span></a>

<div class="tabarea" id="tab_dynmap">
                        <h3>DynMap</h3>
                        <img src="Images/Map.png" alt="dynmap" class="tabimg"/>
                        <div class="tabcontents">
                            <div id="mapArea">
                                                <iframe src="http://mc.zephyrgaming.net/Dynmap/" height="500px" width="100%"> </iframe>
                            </div>
                        </div>
                    </div>