Question

我可以像使用innerHTML或其他方法一样通过javascript来更改字体大小吗？

<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加载或聚焦时，字体大小必须更改。

Answer 1

尝试：

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

Answer 2

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

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

Answer 3

访问w3schools.com，您可以在其中获得带有示例的更多详细信息

document.body.style.fontSize =“ 20px”;

Answer 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>

Answer 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;
   }
  }

Answer 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>

Answer 7

document.getElementById（“ test”）。innerHTML ='我的文字';

如何在innerHTML上更改字体大小

7 个答案: