Advertisement
Guest User

Untitled

a guest
Jun 20th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.70 KB | None | 0 0
  1. function fillLi(words, parent) {
  2. for(var i = 0; i < words.length; ++i) {
  3. var li = document.createElement('li');
  4. li.innerHTML = words[i];
  5. parent.appendChild(li);
  6. }
  7. }
  8.  
  9. function getULS(parent) {
  10. var lists = parent.getElementsByTagName('li');
  11. var uls = new Array();
  12. for(var i = 0; i < lists.length; ++i) {
  13. uls.push(document.createElement('ul'));
  14. lists[i].appendChild(uls[i]);
  15. }
  16. return uls;
  17. }
  18.  
  19. function recursive(elem) {
  20. var childs = elem.childNodes;
  21. var index = childs.length;
  22. console.log('NodeName: ' + elem.nodeName + ', NodeType: ' + elem.nodeType + ', Childs Length: ' + childs.length);
  23. while(index--) {
  24. if(elem.nodeType === 1) {
  25. recursive(childs[index]);
  26. }
  27. }
  28. }
  29.  
  30. var mainElem = document.getElementById('center-content');
  31.  
  32. var h = document.createElement('h1');
  33. h.innerHTML = 'Создание списка с помощью JS';
  34. mainElem.appendChild(h);
  35.  
  36. var ul = document.createElement('ul');
  37. mainElem.appendChild(ul);
  38.  
  39. var words = ['Животные', 'Рыбы'];
  40. fillLi(words, ul);
  41.  
  42. var uls = getULS(ul);
  43. words = ['Млекопитающие', 'Другие'];
  44. fillLi(words, uls[0]);
  45. words = ['Аквариумные', 'Морские'];
  46. fillLi(words, uls[1]);
  47.  
  48. var secondULS = getULS(uls[0]);
  49. words = ['Коровы', 'Ослы', 'Собаки', 'Тигры'];
  50. fillLi(words, secondULS[0]);
  51. words = ['Змеи', 'Птицы', 'Ящерицы'];
  52. fillLi(words, secondULS[1]);
  53.  
  54. secondULS = getULS(uls[1]);
  55. words = ['Гуппи', 'Скалярии'];
  56. fillLi(words, secondULS[0]);
  57. words = ['Морская форель'];
  58. fillLi(words, secondULS[1]);
  59.  
  60. document.addEventListener("DOMContentLoaded", function(event) {
  61. recursive(document.documentElement);
  62. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement