Как создать ссылку с помощью JavaScript

Создадим ссылку с помощью чистого JavaScript и положим внутрь неё вырезанный элемент с сайта.

Начальный блок html:

Создадим переменные с нужными нам элементами:

Сохраним дата атрибут из html:

Создадим элемент «ссылка»:

Добавим в этот элемент значение из data атрибута:

Вырезаем такой блок HTML на сайте:

И сохраняем его в переменную:

Внутрь блока:

Вставляем ссылку:

А внутрь этой ссылки вставляем вырезанный ранее нами элементы:

В итоге получим:

Возможные ошибки

Если в коде вместо вырезанного элемента показывается такое:

Это означает, что вы не выводите содержимое объекта. Например, если использовать oldChild без outerHTML, то покажется именно такой текст.

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Как создать ссылку с помощью JavaScript".

Ваш e-mail не будет опубликован. Обязательные поля помечены *