【CSS】 css如何改变a标签的字体内容呢?
发布网友
发布时间：2022-04-22 23:01
共5个回答
热心网友
时间：2022-04-06 15:11
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：
$('#open').click(function () {$(this).text('改了');});
3、浏览器运行index.html页面，点击a标签，此时成功将内容变更为了“改了”。
热心网友
时间：2022-04-06 16:29
<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";
这样你再点击一下，内容又可以改过来了，这和一个按钮上分别显示全选和全部选不是一个概念吗，点击一下全选，再点击一下全部选……
热心网友
时间：2022-04-06 18:04
比如：<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;}
不知道我写的是不是你提问的内容
热心网友
时间：2022-04-06 19:55
找了篇东东，自己看看……
＝＝注：＝下面这部分是复制的＝＝＝
二、利用节点的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
热心网友
时间：2022-04-06 22:03
这个。
