10

要素のIDを明示的に取得してフォントサイズを変更せずに、すべてのラベル、見出し、段落などのテキストサイズを1回のクリックで変更できるjavascript/cssの方法はありますか?

私が今していることは、javascript を介して要素の ID を取得し、そのフォント サイズを明示的に変更することです。私が何をしているのかを明確に把握するには、このリンクを確認するか、次のコードを確認してください

<script type="text/javascript">
function changemysize(myvalue) {
    var div = document.getElementById("mymain");
    div.style.fontSize = myvalue + "px";   
}
</script>

HTMLコード

Choose a text size:
<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 id="mymain">
Only this text gets affected
</div>
4

5 に答える 5

5

を使用できます。これは、カスケードし、カスケードしないため、一部の場所remよりも優れています。ememrem

すべての長さが に指定されているので、要素remの font-size を変更することでサイズを調整できます。<html>

参照: http://snook.ca/archives/html_and_css/font-size-with-rem

于 2013-05-09T12:00:35.697 に答える
1

タグに id を追加してから、bodyJavaScript でフォント サイズを変更します。これにより、Web ページ内のすべての要素のフォント サイズが変更されます。それはそれと同じくらい簡単です！

于 2013-05-09T11:45:36.253 に答える