日期:2014-05-16  浏览次数:20399 次

如何修改<div>中的内容
网页内容如下
<html>
<body>
<div   id= "abc "> <a   href= 'www.sina.com '> 新浪 </a> </div>
<input   type= "button "   value= "change "   onclick= "?? ">
</body>
</html>

我想通过Javascript将 <div> 的内容由 <a   href= 'www.sina.com '> 新浪 </a> 改为 <a   href= "www.china.com/index.html "> 中华网 </a>

请问这个Javascript如何写?

------解决方案--------------------
<div id= "abc "> <a href= 'www.sina.com '> 新浪 </a> </div>
<input type= "button " onclick= "changeValue() " />
<script type= "text/javascript ">
function changeValue() {
document.getElementById( "abc ").innerHTML = ' <a href= "www.china.com/index.html "> 中华网 </a> ';
}
</script>
------解决方案--------------------
在IE中,甚至可以简写为:
abc.innerHTML = '... ';
------解决方案--------------------
<html>
<head>
<script>
function myFun()
{
var div = document.getElementById( "abc ");
div.innerHTML = " <a href= 'www.china.com/index.html '> 中华网 </a> ";
}
</script>
</head>
<body>
<div id= "abc "> <a href= 'www.sina.com '> 新浪 </a> </div>
<input type= "button " value= "change " onclick= "myFun(); ">
</body>
</html>
开来时晚了呵呵 不过还是贴上