在html中更改href

时间:2015-01-31 20:45:27

标签: javascript html

我有下一个代码,但它不起作用:

<html>
<head>
    <title>Title</title>
</head>

<body>
<script type='text/javascript'>
window.onload = function(){
 var links = document.getElementsByTagName('A');
    for(var i = 0; i < links.length; i++){
        links[i].href = 'test.html';
   }
}
</script> 
<ul>
<li><a href = 1.html>1.</a></li>
<li><a href = 2.html>2.</a></li>
<li><a href = 3.html>3.</a></li>
</ul>
</body>
</html>

我需要在'test.html'上更改所有链接。没有JQuery。

1 个答案:

答案 0 :(得分:0)

您只需将此links[i].href += 'test.html';更改为以下内容:

 links[i].setAttrtibute('href','test.html');

<强>更新

正如Mouser在评论中已经指出的那样,这个<a href = 1.html>1.</a>不是有效的HTML。您必须将您分配给href的值用单引号或双引号括起来,如下所示:

<a href = "1.html">1.</a>