时间戳

首页 > 解决方案 > 如何更改innerHTML上的字体大小

javascript - 如何更改innerHTML上的字体大小

问题描述

我可以通过 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 加载或聚焦时，字体大小必须改变。

标签： javascriptjquery

解决方案

$("#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>

推荐阅读