您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

首先,不要通过字符串连接创建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);
其他 2022/1/1 18:14:08 有576人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶