Merhabalar böyle bir şey yazdım işinize yarar mı bilmem;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Menü Denemesi</title>
<script>
var brandscolors = [
{
brand: '500px',
color1: '#0099e5',
color2: '#ff4c4c',
color3: '#34bf49'
},
{
brand: 'Akamai',
color1: '#0099cc',
color2: '#ff9933',
},
{
brand: 'Alibaba',
color1: '#ff6a00',
}
];
function init()
{
var ul = document.createElement('ul');
for (let i = 0; i < brandscolors.length; i++)
{
var firma = brandscolors[i];
var li = document.createElement('li');
var text = document.createTextNode(firma.brand);
li.appendChild(text);
ul.appendChild(li);
var sub_ul = document.createElement('ul');
for(s in firma)
{
if(s != 'brand')
{
var sub_li = document.createElement('li');
sub_li.style.backgroundColor = firma[s];
var text2 = document.createTextNode(firma[s]);
sub_li.appendChild(text2);
sub_ul.appendChild(sub_li);
}
}
li.appendChild(sub_ul);
}
document.body.appendChild(ul);
}
window.addEventListener('load', init);
</script>
</head>
<body>
</body>
</html>
