Question

使用html，js＆amp ;;从json对象（从服务器下载）创建动态菜单不使用像JQuery这样的库的移动平台的css

我看起来像“document.write不应该在onLoad（）或onclick（）等事件处理程序中使用。最好使用DOM”

请提出宝贵的建议。

Answer 1

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

示例：为您的菜单创建一个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;

使用json，Html，JS＆amp; amp;创建动态菜单移动平台的CSS

1 个答案: