Как обернуть блок?

Question

[narkesss]

Помогите доработать код ,Как вложить .b-scroll в b-content > container-fluid и container-fluid добавить класс container-position

_mainPageEffects.globals.initBlogScrollTitle = function ()  {

          var article = document.querySelector('.b-content'),
            headers = article.querySelectorAll('h2,h3'),
            contents = document.createDocumentFragment(),
            ul = document.createElement('ul'),
            anchor, header, link, li;

            ul.className = "b-scroll";

          for (var i = 0; i < headers.length; i++) {
              header = headers[i];
              link = 'anchor' + (i + 1);

              anchor = document.createElement('a');
              anchor.href = '#' + link;
              anchor.innerHTML = header.innerHTML;
              li = document.createElement('li');
              li.appendChild(anchor);
              ul.appendChild(li);

            anchor = document.createElement('a');
            anchor.id = link;
            // article.insertBefore(anchor, header)
            header.id = link;
          }

          contents.appendChild(ul);
          article.insertBefore(contents, article.firstElementChild.nextElementSibling)

      };
    }

Answer 1

[Павел Корнилов]

Как вложить .b-scroll в b-content > container-fluid и container-fluid добавить класс container-position

var  ch = document.querySelector('.b-scroll'),
p = document.querySelector('.b-content > .container-fluid');

p.appendChild(ch);

document.querySelector('.container-fluid').classList.add('container-position');

Comments

[narkesss]

Не магли бы подсказать как это внедрить в имеющейся код , а что то не получается у меня.

[Павел Корнилов]

_mainPageEffects.globals.initBlogScrollTitle = function ()  {

          var article = document.querySelector('.b-content'),
            headers = article.querySelectorAll('h2,h3'),
            contents = document.createDocumentFragment(),
            ul = document.createElement('ul'),
            anchor, header, link, li;

            ul.className = "b-scroll";

          for (var i = 0; i < headers.length; i++) {
              header = headers[i];
              link = 'anchor' + (i + 1);

              anchor = document.createElement('a');
              anchor.href = '#' + link;
              anchor.innerHTML = header.innerHTML;
              li = document.createElement('li');
              li.appendChild(anchor);
              ul.appendChild(li);

            anchor = document.createElement('a');
            anchor.id = link;
            // article.insertBefore(anchor, header)
            header.id = link;
          }

          contents.appendChild(ul);
          article.insertBefore(contents, article.firstElementChild.nextElementSibling)

      };
    }


var  ch = document.querySelector('.b-scroll'),
p = document.querySelector('.b-content > .container-fluid');

p.appendChild(ch);

document.querySelector('.container-fluid').classList.add('container-position');

[Павел Корнилов]

Если на момент срабатывания скрипта вызываемых элементов еще нет, нужно обернуть в функцию и добавить в domContentLoaded.