Замена ВСЕХ атрибутов URL HREF тегом ALT и текстом заполнителя - PullRequest
Новая
       25

Замена ВСЕХ атрибутов URL HREF тегом ALT и текстом заполнителя

0 голосов
/ 11 июля 2019

Мне нужно найти автоматический способ обновления URL-адресов href в HTML-файле с соответствующим текстом изображения и альт-тегом, к которому привязывается якорный тег, а также с включением и закрытием текста RPL.

Начало: 

<a href="https://www.google.com"><img src="/images/image.jpg" alt="ALT_TEXT"></a>
End:
<a href="${clickthrough('ALT_TEXT')}"><img src="/images/image.jpg" alt="ALT_TEXT"></a>

Разбивка нового URL:

  • Первая переменная: ${clickthrough('<br>
  • Вторая переменная: ALT_TEXT<br>
  • Третья переменная: ')}

Кто-нибудь знает, с чего мне начать разработку решения этой проблемы? Какой язык кодирования может с этим справиться?

1 Ответ

0 голосов
/ 11 июля 2019

Язык, который вы ищете - JavaScript.

Вот рабочий пример, который делает то, что вы упомянули. (а здесь codepen с тем же примером) 

const anchorElements = document.querySelectorAll('a');
[...anchorElements].forEach((anchor) => {
  const altText = anchor.querySelector('img').alt;
  anchor.href = "${clickthrough('" + altText + "')}";
})
<a href="https://www.google.com"><img src="https://place-hold.it/300x100" alt="text1"></a>
<a href="https://www.google.com"><img src="https://place-hold.it/300x100" alt="text2"></a>
<a href="https://www.google.com"><img src="https://place-hold.it/300x100" alt="text3"></a>
...