如何更改innerHTML上的字體大小
[英]How to change font-size on 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 加載或聚焦時，字體大小必須改變。
7 個解決方案
解決方案1
0 2019-09-20 05:24:29
嘗試：
document.body.style.fontSize="12px";
解決方案2
0 2019-09-20 05:25:03
您可以添加一些 JavaScript 來更改字體大小。
document.body.style.fontSize = '15px'
解決方案3
0 2019-09-20 05:30:54
訪問 w3schools.com 在這里您可以通過示例獲得更多詳細信息
document.body.style.fontSize="20px";
解決方案4
0 2019-09-20 05:51:45
您可以使用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
0 2019-09-20 06:05:19
這是將所有文本轉換為所需字體大小的代碼。
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
0 已采納 2019-09-20 06:35:48
$("#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>
解決方案7
-2 2019-09-20 05:29:12
document.getElementById("test").innerHTML = '我的文字';
如何在Firefox瀏覽器中更改字體大小
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.