【问题标题】: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 加载或聚焦时,字体大小必须改变。

【问题讨论】:

标签: 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>

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2011-04-23
              • 2011-03-30
              • 2019-02-19
              • 2011-09-24
              • 2015-12-09
              • 2012-10-27
              • 2015-02-05
              • 1970-01-01
              相关资源
              最近更新 更多