如何更改innerHTML上的字体大小答案

【问题标题】：How to change font-size on innerHTML如何更改innerHTML上的字体大小
【发布时间】：2020-01-21 03:34:03
【问题描述】：

我可以通过 javascript 更改字体大小，例如使用 innerHTML 或其他东西吗？

<iframe frameborder="0" src="javascript:'<html></html>';" id="iframe1" title="" style="width: 100%;height: 416px;margin: 0px;padding: 0px;">
<!DOCTYPE html>
<html>
<head>
<style></style>
</head>
<body style="font-size:12px;"> HELLO WORLD </body></html>
</iframe>

这意味着当 iframe 加载或聚焦时，字体大小必须改变。

【问题讨论】：

How to change FontSize By JavaScript?的可能重复

标签： javascript jquery

【解决方案1】：

试试：

document.body.style.fontSize="12px";

【讨论】：

【解决方案2】：

您可以添加一些 JavaScript 来更改字体大小。

document.body.style.fontSize = '15px'

【讨论】：

【解决方案3】：

访问 w3schools.com，您可以通过示例获取更多详细信息

document.body.style.fontSize="20px";

【讨论】：

【解决方案4】：

您可以使用 getElementsByTagName 为正文添加样式。

document.getElementsByTagName("body")[0].style.fontSize = "20px";

document.getElementsByTagName("body")[0].style.fontSize = "20px";

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<style></style>
</head>
<body style="font-size:12px;"> HELLO WORLD </body></html>

【讨论】：

【解决方案5】：

这是将所有文本转换为所需字体大小的代码。

document.onreadystatechange = function () {
    if (document.readyState == "complete") {
     var your-str = document.getElementsByTagName("body")[0];
     var obj-store-style-property = your-str.fontsize(12);
     document.getElementsByTagName("body").innerHTML = obj-store-style-property;
   }
  }

【讨论】：

【解决方案6】：

$("#iframe1").contents().find("body").css('font-size','20px');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<iframe frameborder="0" src="javascript:'<html></html>';" id="iframe1" title="" style="width: 100%;height: 416px;margin: 0px;padding: 0px;">
<!DOCTYPE html>
<html>
<head>
</head>
<body style="font-size:12px;"> HELLO WORLD  </body></html>
</iframe>

【讨论】：