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

xuli2013 发布于 2013/08/20 10:44
阅读 4K+
收藏 0

例如:

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

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

加载中
0
Iuranus
Iuranus

JS:document.getElementById('a_id'). innerHTML= "bbbbbbb"

jQuery:$("#a_id").text("bbbbbbb")

0
pantrick
pantrick

<a href="#" onclick='aClick(event)'>aaa</a>

function aClick(event){

   $(event.target).text('bbbbb');

}

0
八木
八木
<!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>
0
g
geniusxjq
在标签中href=“#”后面空一格加: onclick=“this.innerHTML=‘bbbb’”
0
litescript
litescript
<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>
返回顶部
顶部