本文探讨了在JavaScript中更改超链接href属性的常见误区，通过实例展示了仅修改变量值无法更新超链接的行为。解决方法是直接对超链接元素的href属性进行赋值操作，而不是通过中间变量。最后，文章强调了理解DOM操作的重要性，以避免类似的误解。
一、前言
最近在练习JS中DOM的操作，有一道练习题是更改超链接的href属性，代码如下：
<!DOCTYPE html>
<html>
<body>
<p><a id="myAnchor" href="https://www.baidu.com">我是一个超链接</a></p>
<p>单击按钮以显示上面链接的 href 属性的值。</p>
<button onclick="myFunction()">点我试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myAnchor").href;
x="http://XXX.com";
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
二、本题错误思路
- 将超链接的href属性赋值给x
var x = document.getElementById("myAnchor").href;
- 通过修改x的值来修改超链接的href属性
x="http://XXX.com";
- 创建一个按钮&#x
最低0.47元/天 解锁文章
扫一扫
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
