【CSS】 css如何改变a标签的字体内容呢？
与标签中写CSS代码，代码完成后调用就可以了，看示例：-->
控制A标签中的链接文字
<style
type="text/css">
.color{color:#3399CC;
text-decoration:none;font-weight:bold;}/*链接设置*/
.color:visited{color:#3399CC;
text-decoration:none;font-weight:bold;}/*访问过的链接设置*/
.color:hover{color:#CF0000;
text-decoration:underline;font-weight:bold;}/*鼠标放上的链接设置*/
/*
取消下划线只要把text-decoration:underline修改成text-decoration:none
文字加粗font-weight:bold
如不需要加粗显示，那么删除font-weight:bold;就可以了
其它更多的参数设置参考：css2.0手册
其中的"伪类"说明
*/
<a
href="#"
class="color">控制A标签内的文字颜色,并且带下划线<!--
class="color"
是调用定义的.color
样式-->
<style type="text/css".color{color:#3399CC; text-decoration:none;font-weight:bold;}/*链接设置*/.color:visited{color:#3399CC; text-decoration:none;font-weight:bold;}/*访问过的链接设置*/.color:hover{color:#CF0000; text-decoration:underline;font-weight:bold;}/*鼠标放上的链接设置*//*取消下划线只要把text-decoration:underline修改成text-decoration:none文字加粗font-weight:bold 如不需要加粗显示，那么删除font-weight:bold;就可以了其它更多的参数设置参考：css2.0手册 其中的"伪类"说明*/</style</head<body<a href="#" class="color"控制A标签内的文字颜色,并且带下划线</a<!-- class="color" 是调用定义的.color 样式--</body</html
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：
$('#open').click(function () {$(this).text('改了');});
3、浏览器运行index.html页面，点击a标签，此时成功将内容变更为了“改了”。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function show(){
var comment=document.getElementById("open").innerHTML
document.getElementById("open").innerHTML='111';
}
</script>
</head>
<body>
<a href="#" id="open" onClick="show()">aa</a>
</body>
</html>
这个我测试过了，这是肯定可以的，不过里面还是可以的，比如
document.getElementById("open").innerHTML='111';
这个地方，可以把这里面的加一个判断，比如获得这里的值：
var comment=document.getElementById("open").innerHTML;
if(comment=="aa")
comment="111";
else
comment="aa";
这样你再点击一下，内容又可以改过来了，这和一个按钮上分别显示全选和全部选不是一个概念吗，点击一下全选，再点击一下全部选……
CSS只能改a标签里面字体的样式，内容改不了
比如：<a style="font: bold 12px '新宋体'; color:#fff; line-height:20px;">点击改变内容</a>
或者<a>点击改变内容</a>
样式为：
.a{font: bold 12px '新宋体'; color:#fff; line-height:20px;}
.a:hover{font: bold 12px '新宋体'; color:#000; line-height:20px;}
不知道我写的是不是你提问的内容
嘛嘛……我自己也不会JS……
找了篇东东，自己看看……
＝＝注：＝下面这部分是复制的＝＝＝
二、利用节点的className属性改变其CSS
再有一种方式就是通过控制标签的class属性，用于更改整个CSS样式,用法：
<font id="a">aa</font>
/////////////////////////////////////////////////
<style id="css" type="text/css">
.css{
background:red;
}
</style>
////////////////////////////////////////////////////
var node=document.getElementById("a");
node.className="css";
document.getElementById('open').InnerHTML='改了';
这个。
