【CSS】 css如何改变a标签的字体内容呢？
<aid="open"onclick="ss();">点击改变内容</a>js代码如下：document.getElementById('open').value='改了...
<a id="open" onclick="ss();">点击改变内容</a>
js代码如下：
document.getElementById('open').value='改了';
document.getElementById('open').InnerText='改了';
document.getElementById('open').InnerHTML='改了';
这些我都试了，不好用
一楼的朋友没看清楚啊，以上三行代码我都试了，都不好用
二楼的朋友说“CSS只能改a标签里面字体的样式，内容改不了” 对啊，css本来就是改变样式的，我说的是用js(javascript) 展开
js代码如下：
document.getElementById('open').value='改了';
document.getElementById('open').InnerText='改了';
document.getElementById('open').InnerHTML='改了';
这些我都试了，不好用
一楼的朋友没看清楚啊，以上三行代码我都试了，都不好用
二楼的朋友说“CSS只能改a标签里面字体的样式，内容改不了” 对啊，css本来就是改变样式的，我说的是用js(javascript) 展开
5个回答
展开全部
需要准备的材料分别有：电脑、浏览器、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";
这样你再点击一下，内容又可以改过来了，这和一个按钮上分别显示全选和全部选不是一个概念吗，点击一下全选，再点击一下全部选……
<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;}
不知道我写的是不是你提问的内容
比如：<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";
找了篇东东，自己看看……
＝＝注：＝下面这部分是复制的＝＝＝
二、利用节点的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";
参考资料： http://www.360doc.com/content/10/0129/09/284485_14640475.shtml
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById('open').InnerHTML='改了';
这个。
这个。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
