Как изменить размер шрифта на innerHTML - PullRequest
Новая
       2

Как изменить размер шрифта на innerHTML

0 голосов
/ 20 сентября 2019

Можно ли изменить размер шрифта с помощью 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 размер шрифта должен изменяться.

Ответы [ 7 ]

0 голосов
/ 20 сентября 2019

Это код, который преобразует весь ваш текст в желаемый размер шрифта. 

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;
   }
  }
0 голосов
/ 20 сентября 2019 

$("#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>
0 голосов
/ 20 сентября 2019

Вы можете использовать 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>
0 голосов
/ 20 сентября 2019

visite w3schools.com, где вы можете получить более подробную информацию с примерами

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

0 голосов
/ 20 сентября 2019

document.getElementById ("test"). InnerHTML = 'My text';

0 голосов
/ 20 сентября 2019

Вы можете добавить немного JavaScript для изменения размера шрифта. 

document.body.style.fontSize = '15px'
0 голосов
/ 20 сентября 2019

Попробуйте: 

document.body.style.fontSize="12px";
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...