怎么取得input里的值，写在<a>标签的href里？


转到第<input type="text" id=“1”  value="1">页<a href="home?index=" id="2">跳转</a>

我想取到input输入框里的值 然后把这个值放进a标签里的 index中


<!DOCTYPE html>
<html>
<body>

<input type="text" name="name" id="nn" />  
<a id="links" href="">adaf</a>
   <input type="button" name="button" value="获取" onclick="fnClick()" />  

<script>
function fnClick(){
    var a = document.getElementById("nn").value
    document.getElementById("links").href=a;
}
</script>
</body>
</html>

img

可以看下我的csdn里面有一篇讲述了jQuery的知识



<!DOCTYPE html>
<html>
<body>
<input type="text" name="name" id="test" />
<span id="links" href="home?index=">get</span>
<script>

    document.getElementById("links").addEventListener('click',
        function(){
            var a = document.getElementById("test").value
            document.getElementById("links").setAttribute("href",document.getElementById("links").getAttribute("href")+a);
    })
</script>
</body>
</html>