Показать сообщение отдельно
  #11 (permalink)  
Старый 24.07.2018, 14:55
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   div.test {
      border: 2px solid green;
      display: inline;
      padding: 0 5px;
      text-align: center;
      margin-right:30px;
   }

  </style>


</head>

<body>
  <script>
    function fn(str)
    {
      var container = document.createElement("div")
      container.appendChild(document.createTextNode(str));
      document.body.appendChild(container);
      container.classList.add("test")
    }

    var arr = 'hello world hi javascript forum'.split(' ');
    arr.forEach(function(it) {
       fn(it);
    });
  </script>

</body>
</html>
Ответить с цитированием