通过节点JavaScript操作改变文字大小

最新推荐文章于 2020-10-24 19:10:58 发布

超级无敌皮皮超

最新推荐文章于 2020-10-24 19:10:58 发布

阅读量1.3k

点赞数

分类专栏：个人文章标签： javascript css html web

本文链接：https://blog.csdn.net/qq_39654446/article/details/77686176

版权

个人专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Title</title>
</head>
<body>
    <h2>新闻标题</h2>
    <a href="#" οnclick="changsize('24px')">大</a>//取消标签a的超链接
    <a href="#" οnclick="changsize('16px')">中</a>//创建事件
    <a href="#" οnclick="changsize('10px')">小</a><br/>
    <div id="div1" >
    点击大，中，小改变字体大小<br/>
    萨达所大所大所多撒多<br/>
    萨达所大所大所多撒多<br/>
</div>
</body>
<script type="javascript">

function changsize(a){
    var odiv1 = document.getElementById("div1")
    odiv1.style.fontSize=a//点击事件传入的参数a
}
</script>
</html>

点击页面上的“大，中，小”就可以改变文字的大小了