利用JS更改超链接的href属性误区

最新推荐文章于 2022-07-28 21:34:44 发布

会计小白

最新推荐文章于 2022-07-28 21:34:44 发布

阅读量2.1k

点赞数 2

分类专栏：笔记文章标签： js dom

本文链接：https://blog.csdn.net/weixin_48734687/article/details/108726442

版权

一、前言
最近在练习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元/天解锁文章

会计小白

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
利用JS更改超链接的href属性误区

一、前言最近在练习JS中DOM的操作，有一道练习题是更改超链接的href属性，代码如下：<!DOCTYPE html><html> <body> <p><a id="myAnchor" href="https://www.baidu.com">我是一个超链接</a></p> <p>单击按钮以显示上面链接的 href 属性的值。</p> <button oncli
复制链接

扫一扫