javascript - 使用javascript修改链接html

Question

目前正面临这种困境，非常感谢您的帮助。

在电子商务网站上工作，希望根据制造商在产品页面上显示尺码表的链接。

我的后端会自动查找制造商并将其输出为:

<div class="manufacturer">MANUFACTURER1</div>

尺码表链接为:

<a id="SizeChart1" href="http://www.mypartycentre.com/sizechart" target="_blank">Size Chart</a>

但我想做的是引用制造商，并更改尺码表链接中的 href，例如:

<div class="manufacturer"> BRAND: REEBOK</div>

链接到

<a id="SizeChart1" href="http://www.mypartycentre.com/REEBOK" target="_blank">Size Chart</a>

如果:

<div class="manufacturer"> BRAND: NIKE</div>

然后显示此链接:

<a id="SizeChart2" href="http://www.mypartycentre.com/NIKE" target="_blank">Size Chart</a>

再次感谢您的帮助

Answer 1

为你的 div 定义 id 并尝试这样的事情

<script type="text/javascript">
var MyDiv1 = document.getElementById('DIV1').innerHTML;
if (MyDiv1== "REEBOK")//if it is  BRAND: REEBOK then check  BRAND: REEBOK
{
document.getElementById("SizeChart1").href="http://www.mypartycentre.com/REEBOK";
};
</script>

http://jsfiddle.net/9S5yW/