JS替换指定DIV内部的链接名称和地址


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS替换指定DIV内部的链接名称和地址</title>
</head>
<body style="line-height:26px; font-size:12px;">


<div>
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> </div>
</div>


<div id="myDiv" style="border:solid #ccc 1px; line-height:55px;">
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> 
</div>


<div>
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> 
<a href="http://www.1500km.com">在一千五百千米</a> 
</div>


<script>
function km(){
    var div=document.getElementById('myDiv');
    var a = div.getElementsByTagName("a");
    for(var i=0;i<a.length;i++){
        a[i].href = "#";
        a[i].innerHTML = "1500km.com";
    }
}
</script>

<input name="" type="button" onClick="km()" value="替换链接" />




</body>
</html>

程序运行结果如下,点击这里亲自运行看看