suberg

Download master быстрее качает

Вот так работает:

Array.from(div.children).forEach(function (elem) {
  if (elem.tagName === 'IMG') {
    div.replaceChild(
      document.createTextNode(elem.getAttribute('alt')), elem);
  }
});

Нужно итерироваться по массиву

vertical-align: top для .content
Для инлайн-блоков всегда нужно указывать vertical-align

Поставь для .container width: 100% чтобы ширина равнялась ширине родителя.

Ловить такие значения можно если это значение было в js установлено, то есть:

document.getElementById('label').style.display = "block";
console.log(document.getElementById('label').style.display); // block

Либо получить с помощью getComputedStyle

Вот хорошие, по которым сам обучался:
https://stepik.org/course/67
https://stepik.org/course/431
pythontutor.ru

Подправленный вариант: https://codepen.io/suberg/pen/RMvvbj
Круг лучше делать используя свойство background-clip: content-box и задать padding(для отступов по краям) тогда он будет по центру и при изменении размеров инпута.
Не понятно, почему некастомный инпут не скрывается полностью(display: none), а перемещается чуть ниже.
Недавно верстал похожий инпут, может быть полезным: https://codepen.io/suberg/pen/eMxbyo