Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нумерация по вертикали (https://javascript.ru/forum/dom-window/53374-numeraciya-po-vertikali.html)

apollo100 01.02.2015 15:20
Цитата:
Сообщение от Ruslan_xDD (Сообщение 354451)
http://learn.javascript.ru/play/jGjdg

<!DOCTYPE HTML>
<html>
  <head>
    <style type="text/css">
     .container {
        border: 1px solid #000;
        height: 300px;
        overflow: hidden;
      }
      .container div {
        margin: 5px 0;
      }
    </style>
  </head>
  <body>
    
   	<div class="container">
      
    </div>

    <script type="text/javascript">
      
      var container = document.querySelector('.container'),
          div, n = 0;
      
      while(true) {
        div = document.createElement('div');
        div.innerHTML = ++n;
        container.appendChild(div);
        if(container.scrollHeight > container.clientHeight) {
          container.removeChild(div);
          break;
        }
      }

    </script>

  </body>
</html>
А как сделать чтоб цифры были в div контейнерах

apollo100 01.02.2015 15:22
Ruslan_xDD, Как сделать тоже, толь чтоб цифры были в div контейнерах

ruslan_mart 01.02.2015 17:16
apollo100, они и так в div. Или переформулируй свой вопрос (если это вопрос).

apollo100 01.02.2015 21:48
Я имел в веду вот так

<div class="sd">1</div>
<div class="sd">2</div>
<div class="sd">3</div>
<div class="sd">4</div>
<div class="sd">5</div>
<div class="sd">6</div>


и так далие

ruslan_mart 02.02.2015 06:52 
<!DOCTYPE HTML>
<html>
  <head>
    <style type="text/css">
     .container {
        border: 1px solid #000;
        height: 300px;
        overflow: hidden;
      }
      .container div {
        margin: 5px 0;
      }
      .sd {
        color: red;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    
   	<div class="container">
      
    </div>

    <script type="text/javascript">
      
      var container = document.querySelector('.container'),
          div, n = 0;
      
      while(true) {
        div = document.createElement('div');
        div.className = 'sd'
        div.innerHTML = ++n;
        container.appendChild(div);
        if(container.scrollHeight > container.clientHeight) {
          container.removeChild(div);
          break;
        }
      }

    </script>

  </body>
</html>

apollo100 02.02.2015 09:33
ОГРОМНОЕ СПАСИБО:thanks: :thanks: :thanks: :thanks:


Часовой пояс GMT +3, время: 10:20.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице