JavaScript | Как создать HTML-элемент textarea? — efim360.ru

JavaScript | Как создать HTML-элемент textarea?

Скрипт создания 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.

Создали HTML-элемент textarea - JavaScript
Создали HTML-элемент textarea — JavaScript

 

Информационные ссылки

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