如何使用javascript更改部分HTML href元素

时间:2013-01-21 11:56:37

标签: javascript html

我有一个href我想用javascript更改:

<a href="http://YOURSUBDOMAIN.foxycart.com/cart?name=ITEMNAME&price=YOURPRICE">Add to Cart</a>

我需要使用javascript变量更改href的ITEMNAME和YOURPRICE部分。实现这样的目标的最佳方式是什么?

由于

2 个答案:

答案 0 :(得分:0)

您需要更改href属性:)

<a id="myLink" href="http://YOURSUBDO..." >Add to cart</a>
<script>
    var itemName = "poney";
    var price = 100;
    document.getElementById('myLink").href = "http://YOURSUBDOMAIN.foxycart.com/cart?name=" + itemName + "&price=" + price;
</script>

答案 1 :(得分:0)

<script lang='javascript'>  
    function change_url(item_name, item_price)
    {
        new_url = 'http://YOURSUBDOMAIN.foxycart.com/cart?';
        new_url+= 'name='+item_name+'&price='+item_price;
        document.getElementById('your_link').src = new_url;
                    alert('Your new link for the page : '+document.getElementById('your_link').src);
    }
</script>

<a id='your_link' href="http://YOURSUBDOMAIN.foxycart.com/cart?name=ITEMNAME&price=YOURPRICE">Add to Cart</a>
<input type='text' id='test_input' onchange="change_url('New Product',200)" />