創建使用JSON動態菜單，HTML，JS和CSS的移動平臺

Question

正在使用的HTML創建從JSON對象（從服務器下載的）動態菜單，JS &的CSS的移動平臺，而無需使用庫等的JQuery

我讀像「document.write不應該用在像onLoad（）或onclick（）這樣的事件處理程序中，它更好地使用DOM」

PLZ給你提出寶貴的建議。

Answer 1

您可以使用.createElement（）方法使用DOM在JavaScript中創建元素。

例如：爲您的菜單創建一個div併爲其指定一個css類名。

menudiv = document.createElement('div'); 
menudiv.className = 'menu'; 

現在，您可以通過創建其他元素將json數據插入到它中。例如，如果你想創建一個使用DOM的鏈接。

link = document.createElement('a'); 
link.setAttribute('href', 'urlFromYourJsonData'); 
link.appendChild(document.createTextNode('Your Link Description')); 
menudiv.appendChild(link); 

等等...

我建議你看看：https://developer.mozilla.org/en/DOM/document.createElement，並從那裏用自己的方式。

編輯：看到你的第二個評論後，我還建議你看看http://json.org來查找JSON是什麼。如果您想將HTML代碼複製到您的頁面中，則應使用innerHTML屬性。

例子：

div = document.createElement('div'); 
div.className = 'menu'; 
div.innerHTML = yourAjaxResponseHere;