开发者社区> 问答> 正文

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

"

例如:

现有代码  <a href="#">aaaaa</a>

希望实现,当点击 aaaaa 时,aaaaa变成 bbbbbb,该如何实现呢?

"

展开
收起
montos 2020-06-04 15:19:40 1141 0
1 条回答
写回答
取消 提交回答
  • "

    <span style=""line-height:1.5;font-size:10pt;"">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-04 16:21:50
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

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