javascript - 更改html中的href

标签 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。

最佳答案

您只需更改此 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>

关于javascript - 更改html中的href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28256348/

相关文章:

javascript - Href 标题属性在 IE10 中不起作用

javascript - JavaScript 是一种按引用传递还是按值传递的语言?

javascript - VideoJS currentTime() 总是返回 0

用于更改列表项的内部 dom 元素的 Javascript 有效方法

javascript - 向 Chart.js 工具提示添加边框

html - 为什么我的 html 文件不显示 JS 和 CSS?

javascript - 使用单选按钮组合显示 HTML 元素的逻辑

javascript - 需要帮助修复我的 javascript "for loop"来播放音频播放列表

Javascript jQuery 根据选择项目隐藏表单项目

html - css - 背景位置 : center center; makes image disapper