栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

创建一个并根据传递的数组填充它

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

创建一个并根据传递的数组填充它

首先,不要通过字符串连接创建HTML元素。使用DOM操作。它更快,更干净且不易出错。仅此一项即可解决您的问题之一。然后,让它接受任何数组作为参数:

var options = [        set0 = ['Option 1','Option 2'],        set1 = ['First Option','Second Option','Third Option']    ];function makeUL(array) {    // Create the list element:    var list = document.createElement('ul');    for (var i = 0; i < array.length; i++) {        // Create the list item:        var item = document.createElement('li');        // Set its contents:        item.appendChild(document.createTextNode(array[i]));        // Add it to the list:        list.appendChild(item);    }    // Finally, return the constructed list:    return list;}// Add the contents of options[0] to #foo:document.getElementById('foo').appendChild(makeUL(options[0]));

您可能还需要注意这一点,

set0
并且
set1
正在渗入全局范围。如果要创建某种关联数组,则应使用一个对象:

var options = {    set0: ['Option 1', 'Option 2'],    set1: ['First Option', 'Second Option', 'Third Option']};

像这样访问它们:

makeUL(options.set0);


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/426182.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号