如何用javascript动态更改<a></a>的内容?:报错 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

如何用javascript动态更改<a></a>的内容?:报错 

kun坤 2020-06-04 21:14:49 62

例如:
现有代码  <a href="#">aaaaa</a>
希望实现,当点击 aaaaa 时,aaaaa变成 bbbbbb,该如何实现呢?

JavaScript 前端开发
分享到
取消 提交回答
全部回答(1)
  • kun坤
    2020-06-08 09:56:53

    JS:document.getElementById('a_id'). innerHTML= "bbbbbbb"
    jQuery:$("#a_id").text("bbbbbbb")
    ###### <a href="#" onclick='aClick(event)'>aaa</a>
    function aClick(event){
       $(event.target).text('bbbbb');
    } ######

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>OSC</title>

        <script type="text/javascript">
    

    function change() { var p = document.getElementById("p1"); p.innerHTML = "bbbb"; }

    window.onload = function() { var btn1 = document.getElementById("p1"); btn1.onclick = change; }

        </script>
    </head>
    <body>
        <a href="#" id="p1">aaaa</a>
    </body>
    

    </html>

    ######在标签中href=“#”后面空一格加: onclick=“this.innerHTML=‘bbbb’”######
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $("a").click(function(){ $(this).text("bbbbbbbb"); }); </script>

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程