HTML用JavaScript实现按钮放大缩小超链接字体怎么写
页面包含一个超链接，两个按钮（一个放大、一个缩小），点击按钮时对超链接文本进行放大或缩小，用JavaScript实现。...
页面包含一个超链接，两个按钮（一个放大、一个缩小），点击按钮时对超链接文本进行放大或缩小，用JavaScript实现。
展开
2个回答
展开全部
这个简单啊，点击时获取超链接对象。
然后：对象.style.fontSize="36px" 这个值由你设置！
如：
<a href="" id="myAB" style="font-size:14px;">我是超链接</a>
<input type="button" value="放大" onclick="document.getElementById('myAB').style.fontSize='36px'">
<input type="button" value="缩小" onclick="document.getElementById('myAB').style.fontSize='12px'">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a id="a1" href="javascript:;">放大</a>
<a id="a2" href="javascript:;">缩小</a>
<script>
var oa1 = document.getElementById('a1');
var oa2 = document.getElementById('a2');
oa1.onclick = function(){
oa1.style.fontSize = 40+"px";
};
oa2.onclick = function(){
oa2.style.fontSize = 10+"px";
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a id="a1" href="javascript:;">放大</a>
<a id="a2" href="javascript:;">缩小</a>
<script>
var oa1 = document.getElementById('a1');
var oa2 = document.getElementById('a2');
oa1.onclick = function(){
oa1.style.fontSize = 40+"px";
};
oa2.onclick = function(){
oa2.style.fontSize = 10+"px";
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
