Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Глюк при динамическом добавлении элементов (https://javascript.ru/forum/dom-window/55948-glyuk-pri-dinamicheskom-dobavlenii-ehlementov.html)

shurik_shink 22.05.2015 12:13

Глюк при динамическом добавлении элементов
 
Пытаюсь динамически каждую ссылку включить в элемент маркированного списка

<html>
<head></head>
<body>
<ul id="ul1">
<a href="http://newsru.com/">
  NEWSru.com
</a>
<a href="http://www.vesti.ru/"/>
  VESTI.RU
</a>
<a href="http://vk.com/">
  V KONTAKTE
</a> 
</ul> 
 
<script type="text/javascript">
  var ul = document.getElementById("ul1");
  var links = document.getElementsByTagName("a");
  for(i=0; i<links.length; i++){
    var li = document.createElement("li");
	li.appendChild(links[i]);
	ul.insertBefore(li, ul.firstChildren);
  }
</script>
</body>
</html>


-------------------
Но в итоге получаю
VESTI.RU
* NEWSru.com
*
* V KONTAKTE

Подскажите кто знает - как правильнее включить ссылку в элемент маркированого списка?
Так что бы ссылки шли по порядку - как в коде, и что бы каждая ссылка была включена в список.

рони 22.05.2015 12:55

shurik_shink,

<html>
<head></head>
<body>
<ul id="ul1">
<a href="http://newsru.com/">
  NEWSru.com
</a>
<a href="http://www.vesti.ru/"/>
  VESTI.RU
</a>
<a href="http://vk.com/">
  V KONTAKTE
</a>
</ul>

<script type="text/javascript">
  var ul = document.getElementById("ul1");
  var links = document.getElementsByTagName("a");
  for(var i = 0, l; l = links[i] ; i++){
    var li = document.createElement("li");
	ul.replaceChild(li, l);
    li.appendChild(l)
  }
</script>
</body>
</html>

shurik_shink 22.05.2015 13:17

Спасибо, работает


Часовой пояс GMT +3, время: 18:45.