使用 json、Html、JS 和 创建动态菜单移动平台的CSS

Question

我使用 html、js 和 json 对象（从服务器下载）创建动态菜单。 请

我读到“document.write 不应在 onLoad() 或 onclick() 等事件处理程序中使用。最好使用 DOM”，

提供您宝贵的建议。

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;