用javascript修改链接html

Modify link html with javascript

本文关键字:html 链接 修改 javascript      更新时间:2024-01-27

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

在电子商务网站上工作,并希望根据制造商在产品页面上显示尺寸图的链接。

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

<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>

再次感谢您的帮助

为您的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/