我有以下数组,我想从它创建一个无序列表,但我无法以正确的格式生成无序列表.我搜索过类似的问题,但现有的解决方案都没有解决我的问题.
var myArray = ['Value 1', ['Inner value 1', 'Inner value 2', 'Inner value 3', 'Inner value 4'], 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6'];
Run Code Online (Sandbox Code Playgroud)
这是我的JavaScript代码:
function arrToUl(arr) {
var div = document.getElementById('myList');
var ul = document.createElement('ul');
for (var i = 0; i < arr.length; i++) {
if (arr[i] instanceof Array) {
var list = arrToUl(arr[i]);
} else {
var li = document.createElement('li');
li.appendChild(document.createTextNode(arr[i]));
console.log(ul.appendChild(li));
}
div.appendChild(ul);
}
}
arrToUl(myArray);
Run Code Online (Sandbox Code Playgroud)
上面的代码产生以下结果:
<ul>
<li>Value 1</li>
<li>Inner Value 1</li> …Run Code Online (Sandbox Code Playgroud)