JS snippets for my blog post

1.js

var wrapper = document.createElement('div');
var outer = document.getElementById('whatever')

var nodes = outer.childNodes;
var elementsWidth = 0;
for (var i = 0; i < nodes.length; i++) {
  if (nodes[i].nodeType === Node.ELEMENT_NODE
    && nodes[i].tagName === 'IMG'
  ) {
    elementsWidth += nodes[i].width;
    wrapper.appendChild(nodes[i]);
  }
}
outer.appendChild(wrapper);

2.js

outer.find('img').wrapAll('<div />')

3.js

container.append('<button>text</button>')

4.js

var button = document.createElement('button');
button.innerHTML = 'text';
container.appendChild(button);