將元素添加到網頁

我有我編輯過的這段代碼：http://pastebin.com/vrqHek6S 我已經在我編輯的地方放了註釋。第75-75行&第156-166行將元素添加到網頁

如何從外部java腳本文件中獲得這些編輯...我試了3個小時來學習如何使用「document.body.appendChild」文檔.createElement「&」divTag.innerHTML「，我沒有得到任何地方。

感謝，安德魯·皮爾遜

PS。這是我的第一篇文章，所以如果我做錯了什麼，請告訴我

Potatoswatter you are correct

編輯：對不起你們了後期，我的腦子裏只想不工作怎麼樣這應該。我想要做的是創建Div並填寫我列出的行，但我想用純js做這個，因爲我不能在html頁面上做任何主要的編輯（我只能添加外部js到。頭

來源

2012-06-19 Andrew35133

在指示的編輯中沒有JavaScript。「我將如何從外部java腳本文件中獲取這些編輯...」 - 是否需要將這些HTML元素添加到頁面的JavaScript代碼？ – Potatoswatter

您是否希望我們爲您提供執行此編輯而不是您的JavaScript代碼？如果是這樣，顯示你已經嘗試過什麼。 – Tadeck

>我正在學習Javascript 對你有好處 –

從你包括的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 &線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>

來源

2012-06-19 03:46:27 Charlie

對我試圖從純js創建一個div。所以我的問題是我不允許混淆html頭部。我需要打電話給js來創建我需要的div：/我只是迷失了，而且遲到了，所以我腦子裏並沒有工作。 – Andrew35133

對於初學者來說，你的JS無效。看看我的評論，你需要逃避你的引用。 – Charlie

對不起，我不知道你的引號是什麼意思：/我是新手，對不起 – Andrew35133

所以，你想知道如何將元素插入DOM這裏是鏈接到MDN：

.appendChild - https://developer.mozilla.org/en/DOM/element.appendChild
.createElement - https://developer.mozilla.org/en/DOM:document.createElement
.innerHTML - https://developer.mozilla.org/en/DOM:element.innerHTML

你可以在MDN學習新東西。這是一個很好的參考網站。

來源

2012-06-19 03:45:34

謝謝我會檢查出來:) – Andrew35133

將元素添加到網頁

回答

相關問題