首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么修改<div>中的内容

2012-03-24 
如何修改div中的内容网页内容如下htmlbodydivid abc ahref www.sina.com 新浪 /a/div

如何修改<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>
开来时晚了呵呵 不过还是贴上

热点排行