64 lines
1,010 B
HTML
Executable file
64 lines
1,010 B
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="tree"></div>
|
|
|
|
<!-- Результат должен быть таким:
|
|
<div id="tree">
|
|
<ul>
|
|
<li>Рыбы
|
|
<ul>
|
|
<li>Форель</li>
|
|
<li>Щука</li>
|
|
</ul>
|
|
</li>
|
|
<li>Деревья
|
|
<ul>
|
|
<li>Хвойные
|
|
<ul>
|
|
<li>Лиственница</li>
|
|
<li>Ель</li>
|
|
</ul>
|
|
</li>
|
|
<li>Цветковые
|
|
<ul>
|
|
<li>Берёза</li>
|
|
<li>Тополь</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
|
|
<script>
|
|
var data = {
|
|
"Рыбы":{
|
|
"Форель":{},
|
|
"Щука":{}
|
|
},
|
|
|
|
"Деревья":{
|
|
"Хвойные":{
|
|
"Лиственница":{},
|
|
"Ель":{}
|
|
},
|
|
"Цветковые":{
|
|
"Берёза":{},
|
|
"Тополь":{}
|
|
}
|
|
}
|
|
};
|
|
|
|
/* ваш код */
|
|
|
|
createTree(document.getElementById('tree'), data);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|