用javascript修改链接html
Modify link html with javascript
目前面临这种困境,非常感谢您的帮助。
在电子商务网站上工作,并希望根据制造商在产品页面上显示尺寸图的链接。
我的后端会自动查找并输出制造商为:
<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/
相关文章:
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何使用JavaScript访问HTML链接内容
- 从HTML链接时,Javascript文件不起作用
- html链接onclick弹出一个表单
- 将点击函数添加到动态 HTML 链接
- 如何在 html 链接中发送参数以及如何检索它
- HTML 链接变量
- 如何使html链接标签可以在没有标签的情况下工作
- 提交表单的可能性(左-/中-/在新选项卡或窗口中打开-)单击html链接
- 使用本地HTML链接打开Windows文件夹
- 如何将JavaScript数组输出到HTML链接
- 指向leanModal.js的链接在通过HTML链接呈现时工作良好,但在React中则不然
- 在visualforce中为更新字段分配HTML链接/按钮
- 将URL的文本列表转换为可点击的HTML链接
- 按日期为iframe创建一个HTML链接
- 如何在页面刷新时保持选定/活动的HTML链接颜色
- 如何通过html链接将特定对象传递给函数
- Html链接在某些单击时未注册
- 我想让HTML链接打开一个js手风琴
- 如何在谷歌网站中显示与iframe中的特定人员共享的谷歌云端硬盘html链接