开发者社区> 问答> 正文

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

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

展开
收起
kun坤 2020-06-04 21:14:49 536 0
1 条回答
写回答
取消 提交回答
  • 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>

    2020-06-08 09:56:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载