Javascript 将数据从div追加到链接url

我试图在我的网站的每一页上都有一个

div

元素，其中包含产品编号，然后有一个链接将该编号放在最后。 比如说,

<div id="productnumber">01101</div>
<a href="purchaseurl">https://example.com/#</a>

01101

然后将id为“productnumber”的元素的内容放在链接的#之后

---

你知道这是否可行吗？因为这比编辑所有现有页面及其相应的

php

文件更容易。您可以使用一些内联JS并将其附加到href属性（该属性应该是were

id=“purchaseurl”

is now）

您可以向所有页面添加一个简单的脚本

document.addEventListener（“DOMContentLoaded”，function（））{
var productNumber=document.getElementById（'productNumber'）.textContent；
Array.prototype.forEach.call（document.queryselectoral（'a[href~=“purchaseurl”]”），函数（link）{
//如果你想改变链接
var currentHref=link.getAttribute（'href'）；
link.setAttribute（'href'，currentHref+'#'+productNumber）；
//如果要更改锚文本
var currentText=link.innerHTML；
link.innerHTML=currentText+productNumber；
});
});
01101
请参阅和


var data=document.getElementById（'productnumber'），
url=data.nextSibling.nextSibling；
url.innerText+=data.innerText
01101