Есть ли другой способ зациклить массив в пролетах с классом «теги» - PullRequest
Новая
       9

Есть ли другой способ зациклить массив в пролетах с классом «теги»

0 голосов
/ 02 января 2019

Я настраиваю Локальный сервер и хочу создать цикл для словаря (массива), чтобы результаты отображались в интервалах с классом «теги».Так что там позже можно использовать как кнопку.Но код не зацикливается, мой вопрос, есть ли другой способ зацикливания этого кода

Я уже перезаписываю код несколько раз, но код не работает, даже консоль браузера не показывает ошибку 

    <script>
    var ports_dic = [16, 17, 18, 19, 20];
    
    function loop_ports(){   
      var n_list = document.value = ports_dic["1/1/12"] 
      for (var i = 0; i < n_list.length; i++){
    		var span = document.createElement("SPAN");
    		span_element = console.log(ports_dict[i]);
    		span.appendChild(span_element);
    		document.getElementById("onu_tags").appendChild(span);
    	};
    }
    </script>
    <body>
      <div id="onu_tags" class="tags">
           
      </div>
    </body>

Я ожидаю вывод в «тегах» 16 17 18 19 20, но вывода нет

Ответы [ 2 ]

0 голосов
/ 03 января 2019

ports_dic не является словарем, и вы не создаете span_element, вместо этого вы назначаете "console.log ()" для переменной span_element.Пожалуйста, проверьте перед отправкой 

<script>
var ports_dic = {"1/1/12":[16, 17, 18, 19, 20]};

function loop_ports(){   
  var n_list = document.value = ports_dic["1/1/12"] 
  for (var i = 0; i < n_list.length; i++){
        var span = document.createElement("SPAN");
        span_element = console.log(n_list[i]);
        span.appendChild(span_element);
        document.getElementById("onu_tags").appendChild(span);
    };
}
</script>
<body onload="loop_ports()">
  <div id="onu_tags" class="tags">

  </div>
</body>


    var ports_dic = {"1/1/12":[16, 17, 18, 19, 20]};
    
    function loop_ports(){   
      var n_list = document.value = ports_dic["1/1/12"] 
      for (var i = 0; i < n_list.length; i++){
    		var span = document.createElement("SPAN");
    		var span_element = document.createTextNode(n_list[i]);
    		span.appendChild(span_element);
    		document.getElementById("onu_tags").appendChild(span);
    	};
    }
    <body onload="loop_ports()">
      <div id="onu_tags" class="tags">
           
      </div>
    </body>
0 голосов
/ 02 января 2019 

 var ports_dic = [16, 17, 18, 19, 20];
    
    function loop_ports(){   
    
    	for (var i = 0; i < ports_dic.length; i++){
    	var node = document.createElement("LI");                 // Create a <li> node
var textnode = document.createTextNode(ports_dic[i]);         // Create a text node
node.appendChild(textnode);                              // Append the text to <li>
document.getElementById("onu_tags").appendChild(node);     // Append <li> to <ul> with id="myList"

    	};
    }
    <body onload="loop_ports()">
      <ul id="onu_tags" class="tags">
           
      </ul>
    </body>

Вы забыли превратить элементы словаря в текстовые узлы (также вам не понадобился бит console.log).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...