Javascript onclick按钮，用于更改页面字体大小或div字体大小
最后，我会把我研究过的页面贴出来。我需要3个按钮来改变div与文本段落的字体大小为1.0em，2.0em和3.0em时，这些按钮被点击。初始正文字体大小为1.0em。我必须在字体上使用"em“。如果这不是发布这篇文章的正确格式，我深表歉意。我试着遵循网站的帮助和规则。
以下是问题的实际措辞：
(1)在水平线下方添加三个按钮。给按钮贴上“普通”、“中等”和“大”的标签。
(2)向“Normal”按钮添加一个‘click’事件处理程序，以便在单击该按钮时，“message”div中的所有文本都将更改为字体大小为1em。
(3)向“Medium”按钮添加一个“click”事件处理程序，以便在单击该按钮时，“message”div中的所有文本都将更改为1.5em的字体大小。图14显示了结果网页的一部分。
(4)向“Large”按钮添加一个“click”事件处理程序，以便在单击该按钮时，“message”div中的所有文本都将更改为2.0em的字体大小。
下面是我的代码：
<div id="text" style="font-size: 1em">
<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>
</div>
<hr>
<input type="button" value="Normal"
onclick="document.body.style.fontsize='1.0 em'">
<input type="button" value="Medium"
onclick="document.body.style.fontsize='1.5 em'">
<input type="button" value="Large"
onclick="document.body.style.fontsize='2.0 em'">
<!-- TEST BUTTON BEGIN -->
<br>
<input type="button" value="Test1"
onclick="document.getElementById("text").style.fontSize = "1.0 em">
<input type="button" value="Test15"
onclick="document.getElementById("text").style.fontSize = "1.5 em">
<input type="button" value="Test20"
onclick="document.getElementById("text").style.fontSize = "2.0 em">
<!-- TEST BUTTON END -->我在3个实际按钮下面创建了一个包含3个按钮的测试部分，只是为了摆弄我在stackoverflow.com上找到的javascript代码。任何帮助或指导都将不胜感激。谢谢。
我已经检查了这些有类似问题的页面：
change text-font size of whole page content
How to change FontSize By JavaScript?
click a button to change text font-size of in javascript/css
Increase font size of whole web page on button click event using jquery
Increase the font size with a click of a button using only JavaScript
回答 2
Stack Overflow用户
发布于 2018-09-22 06:29:37
你需要把你想要的数字放在单词em的旁边。另外，由于您的onclick方法使用了" doublequotes，因此您应该在JavaScript代码中使用单引号'，如下所示：
onclick="document.getElementById('text').style.fontSize = '1.0em'"
示例：
<div id="text" style="font-size: 1em">
<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>
</div>
<hr>
<input type="button" value="Normal" onclick="document.getElementById('text').style.fontSize = '1.0em'">
<input type="button" value="Medium" onclick="document.getElementById('text').style.fontSize = '1.5em'">
<input type="button" value="Large" onclick="document.getElementById('text').style.fontSize = '2.0em'">
<!-- TEST BUTTON END -->
Stack Overflow用户
发布于 2018-09-22 06:25:28
只需省略size和em之间的空格
语法不正确：
document.getElementById("text").style.fontSize = "2.0 em">正确的语法：
document.getElementById("text").style.fontSize = "2.0em">https://stackoverflow.com/questions/52451644
复制相似问题
腾讯云开发者
