使用Javascript调整字母大小

Question

I want to be able to get the font size to change when you click on the different sized letters that are on the right. 当您单击右侧的不同大小的字母时，我希望能够更改字体大小。 How do I go about commanding the site to do that using javascript? 我该如何命令网站使用JavaScript？ Here is the code I have so far: 这是我到目前为止的代码：

  <!DOCTYPE html>
<html>
<head>
<body>

<div> 
 <font size="2"><a href="javascript:void(0);" onclick="changemysize(16);">A</a></font>
 <font size="4"><a href="javascript:void(0);" onclick="changemysize(20);">A</a></font>
 <font size="5"><a href="javascript:void(0);" onclick="changemysize(25);">A</a></font>

</div>

<div id="callout" class="medium">
    <ul id="controls">
        <li id="small">A</li>
        <li id="medium">A</li>
        <li id="large">A</li>
    </ul>
    <div id="mymain">
         <h1>Header</h1>

         <h2>Subheader</h2>

        <p>Lorem ipsum dolor sit amet, pri ne periculis definiebas, habeo gloriatur has id. Ius ad ubique animal, eum recteque electram explicari no, sed in nostrum adipiscing. Lorem ipsum dolor sit amet, pri ne periculis definiebas, habeo gloriatur has id.</p>
    </div>
</div>
<p style="margin-top: 100px; text-align: center; font-size: 75%;"><a href="../resize.zip">Download the files (resize.zip)</a>

</p>

<script src="resize.js"></script> 

</body>
</head>
</html>

Javascript: Javascript：

function changemysize(myvalue) {
    var div = document.getElementById("mymain");
    div.style.fontSize = myvalue + "px";
}

Answer 1

Steps: 脚步：

Define a class in your css file for enlarged fontsize. 在CSS文件中定义一个类，以扩大字体大小。
Call a function on your li's onclick 在您的li的onclick上调用一个函数
Let the function add/remove respective class for ur html body document.body.classList.add('nameOfTheClassWithFontSize'); 让函数为html正文添加/删除相应的类document.body.classList.add('nameOfTheClassWithFontSize');

Ref: change text-font size of whole page content 参考：更改整个页面内容的文本字体大小

Answer 2

For your HTML using jQuery: $('body').css('font-size', '12px'); 对于使用jQuery的HTML： $（'body'）。css（'font-size'，'12px'）;

You can pass size you want for increasing/decreasing and so on. 您可以传递想要增加/减少的大小，依此类推。

使用Javascript调整字母大小

问题描述

2 个解决方案

解决方案1
0 2013-10-31 21:26:32

解决方案2
0 2013-10-31 21:29:28

使用Javascript调整字母大小

问题描述

2 个解决方案

解决方案1 0 2013-10-31 21:26:32

解决方案2 0 2013-10-31 21:29:28

解决方案1
0 2013-10-31 21:26:32

解决方案2
0 2013-10-31 21:29:28