Question

我需要找到一种自动的方法来更新HTML文件中的href URL，并使用锚标签包裹的相应图像替代文本，同时还包括前导和结束RPL文本。

开始：

usuarios = Usuario.objects.all()
comentarios = Comentario.objects.all()
return render(request, 'main/politics.html', {'usuarios': usuarios,
                                            'comentarios': comentarios,
                                            'form': form})

破坏新网址：

第一个变量：<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>
第二个变量：${clickthrough('<br>
第三变量：ALT_TEXT<br>

任何人都知道我应该从哪里着手设计此问题的解决方案？哪种编码语言可以处理此问题？

Answer 1

您要寻找的语言是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>

用ALT标签和占位符文本替换所有HREF URL属性

1 个答案: