ilvals

git checkout -- . (находясь в корне репозитория)
или
git reset --hard
но осторожно - это сбросит все незакомиченные изменения.

Для начала, для чего существует POST.
Представим, что у вас есть сайт example.com и на нем форма с кнопкой, удаляющаяя статью.
На сервере вы, естественно, проверяете авторизован ли пользователь и есть ли у него права на удаление.

При нажатии на кнопку через post передаются такие параметры
article_id: 123
action: delete

Если на сервере вы будете получать эти данные при помощи $_REQUEST, то возможна ситуация, когда злоумышленник делает так:

<img src="http://example.com?action=delete&article_id=1">
<img src="http://example.com?action=delete&article_id=2">
<img src="http://example.com?action=delete&article_id=3">
<img src="http://example.com?action=delete&article_id=4">

Публикует такие "картинки" вот прямо здесь, в комментариях на тостере.
При этом ваш браузер конечно попытается эти картинки получить, и выполнит эти запросы с ВАШИМИ правами.

В случае, если вы обращаетесь к $_POST - такой фокус не сработает. Кроме того, данные отправленные через POST не попадут в историю браузера и в логи той wi-fi точки или роутера, через которую вы сидите. URL попадет, а POST data - нет. В отличие от GET.

А $_REQUEST существует для удобства. К примеру у вас есть форма поиска, которая может работать и через POST и через GET. Это удобно, когда пользователь может скопировать URL с поисковым запросом.

Конструкторы о которых говорится в учебнике можно получить очень просто:
console.log(Object);
Только вот увидите вы следующее:
// ƒ Object() { [native code] }
По сути встроенные классы - обычные функции-конструкторы, просто выполняются нативным кодом браузера + у них определны все необходимые методы в prototype. Про это как раз в учебнике и написано. Стоит прочитать там же про прототипное наследование, чтобы сложилась более полная картина.

Чтоб хоть как-то заработало надо вспомнить что width задаётся в неких единицах измерения, а offsetWidth возвращает просто число: border.style.width = link.offsetWidth + 'px';

Чтоб оно менялось при изменении размера можно добавить наблюдатель(нужен ie - использовать полифил):

let link = document.querySelector('#link');
let border = document.querySelector('#border');
new ResizeObserver(() => border.style.width = link.offsetWidth + 'px').observe(link);

Но вообще в 99% случаев масштабирование элементов решается вёрсткой .

Обратите внимание, что есть методы который .getElemtByX(), а есть .getElemtsByX(). Логично предположить, что .getElements() будет возвращать вам массив элементов, по этому эта строка у вас и не работает:

document.getElementsByClassName('child2').textContent = 'Измененная строка 2'; // не работает!

Что возвращает метод getElementsByClassName()?

console.log(document.getElementsByClassName('child2')) // HTMLCollection

Какому элемент Вы собрались изменять текст (textContent), если там целая html коллекция?

Вначале, необходимо обойти коллекцию, одним из способов ниже:

// old
Array.from(document.getElementsByClassName('child2')).forEach((el) => {
    el.textContent = 'Измененная строка 2';
});

// new
document.querySelectorAll('.child2').forEach((el) => {
  el.textContent = 'Измененная строка 2';
});