JS как сделать ссылку

В данном уроке мы разберем, как средствами JavaScript динамически сделать HTML ссылку и добавить ее в элемент.

Пусть у нас есть следующий блок, в который мы будем добавлять ссылку:

html<div id="elem"></div>

Получим этот блок в переменную с помощью метода querySelector:

javascriptlet elem = document.querySelector('#elem');

Создадим новую HTML ссылку с помощью метода createElement:

javascriptlet link = document.createElement('a');

Добавим текст ссылке с помощью свойства textContent:

javascriptlink.textContent = 'text'

Добавим нашу созданную ссылку в конец блока с помощью метода append:

javascriptelem.append(link);