使用Javascript調整字母大小

Question

當您單擊右側的不同大小的字母時，我希望能夠更改字體大小。 我該如何命令網站使用JavaScript？ 這是我到目前為止的代碼：

  <!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：

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

Answer 1

腳步：

在CSS文件中定義一個類，以擴大字體大小。
在您的li的onclick上調用一個函數
讓函數為html正文添加/刪除相應的類document.body.classList.add('nameOfTheClassWithFontSize');

參考：更改整個頁面內容的文本字體大小

Answer 2

對於使用jQuery的HTML： $（'body'）。css（'font-size'，'12px'）;

您可以傳遞想要增加/減少的大小，依此類推。

使用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