Скрипт создания HTML-элемента textarea и добавление его в текущий документ после заголовка h1
<script>
let te = document.createElement(‘textarea’);
te.setAttribute(‘id’, ‘te’);
let h1 = document.getElementsByTagName(‘h1’)[0];
h1.after(te);
</script>
Сначала мы обращаемся к текущему созданному объекту документа. На нём вызываем метод createElement(). В качестве параметра передаём строку ‘textarea‘. Полученный объект сохраняем в переменную te.
Для нового объекта устанавливаем глобальный атрибут ‘id‘ со значением ‘te‘, чтобы иметь возможность быстро нацеливаться на него в текущем документе.
В переменную h1 мы записываем существующий объект HTML-элемента h1.
Для внедрения нового HTML-элемента на текущую страницу мы используем метод after(), который вызываем на объекте заголовка. Внутрь метода мы передаём наш созданный объект HTML-элемента textarea.
Информационные ссылки
DOM — Раздел «Interface Document» — https://dom.spec.whatwg.org/#interface-document
DOM — Раздел «Mixin ChildNode» — https://dom.spec.whatwg.org/#interface-childnode
HTML — Раздел «The textarea element» — https://html.spec.whatwg.org/multipage/form-elements.html#the-textarea-element
