如何更改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.