HTML用JavaScript实现按钮放大缩小超链接字体怎么写
页面包含一个超链接,两个按钮(一个放大、一个缩小),点击按钮时对超链接文本进行放大或缩小,用JavaScript实现。...
页面包含一个超链接,两个按钮(一个放大、一个缩小),点击按钮时对超链接文本进行放大或缩小,用JavaScript实现。
展开
展开全部
这个简单啊,点击时获取超链接对象。
然后:对象.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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询