无法动态设置href属性

时间:2014-04-18 10:08:09

标签: javascript html

我的形式是这个链接

    <li><a id="pic">Upload Picture</a></li>

我想动态设置其href属性所以我调用这样的javascript

    <script>fetch_me()</script>

这是javascript函数

    function fetch_me()
    {
        //alert("hi");
        var path = location.pathname;
        var uri = path.split("?");
        var param = uri[1].split("&");
        var day = param[0].split("=")[1];
        var month = param[1].split("=")[1];
        var year = param[2].split("=")[1];
        var date = "day="+day+"&month="+month+"&year="+year;
        var url2 = "/upload_pic.html/"+encodeURIComponent(date);
        var pic_link = document.getElementById("pic");
        //pic_link.prop("href",url2);
        //pic_link.href(url2);
        //pic_link.setAttribute("href",url2);
        pic_link.attr("href",url2);

    }

我尝试过setAttribute,prop,attr,.href,但没有任何工作。

P.S:我在第一行使用警告语句对其进行了测试。

2 个答案:

答案 0 :(得分:0)

.attr是jQuery。

pic_link.setAttribute("href",url2);

甚至更短:

pic_link.href = url2;

答案 1 :(得分:0)

试试这个

$("#pic").prop( "href", url2 );

并且不要忘记包含jquery。这是小提琴 - http://jsfiddle.net/chetangawai/yL3nX/