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

修改A标签里的内容,该怎么解决

2012-02-13 
修改A标签里的内容!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xht

修改A标签里的内容
<!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=gb2312 "   />
<title> 无标题文档 </title>
</head>

<body>
<div   id= "div1 ">
<ul>
<li> <a   href= "# "   > AAA <span> abcd </span> </a> </li>
<li> <a   href= "# "   > BBB <span> vxyz </span> </a> </li>
</ul>
</div>

</body>
</html>
<script   type= "text/javascript ">
var   arr   =   document.getElementById( "div1 ").getElementsByTagName( "a ");
arr[0].innerHTML   =   "CCC ";
</script>

----

如上:用CCC替换AAA,结果是里面 <span> abcd </span> 也没了,
怎么才能不改变里面的情况下替换AAA?

[解决办法]
<!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=gb2312 " />
<title> 无标题文档 </title>
</head>

<body>
<div id= "div1 ">
<ul>
<li> <a href= "# " > AAA <span> abcd </span> </a> </li>
<li> <a href= "# " > BBB <span> vxyz </span> </a> </li>
</ul>
</div>

</body>
</html>
<script type= "text/javascript ">
var arr = document.getElementById( "div1 ").getElementsByTagName( "a ");
arr[0].childNodes[0].data = "CCC ";
</script>

热点排行