怎么修改js源码使字体变大（字体加大代码）
本文目录一览：
如何用JS代码实现输出的内容字体大小呢？
有好多是可以复用的，比如id选择器，你完全可以用一个变量来代表你的id选择器，下次调用就直接用变量来代替选择器。可以给选择器附加一个className，然后你的这个class添加上各种样式，不仅简洁还方便维护。
改变JS输出的字体、颜色、大小？
整个h2写进去就可以了：
document.write(`h2p style="font-family:kaiti;color:Lavender"文本/p/h2`)
js怎么样改变字体大小
通过css 里面的font-size属性修改，比如:
position:relative;
left:0px;top:0px;
width:auto;height:82px;
line-height:95px;vertical-align: middle;
font-size:80px;
display: inline-block;
怎样通过css样式和js改变字体的大小,
css是用font-size这条属性来控制字体大小；
js类似，用选择器找到你要控制的元素，操作该元素的font-size这条属性
例如：
p id="text"123/p
$('#text').css("font-size","12px")
这行jquery就是把id为text的p标签的字体大小改为12px
js实现动态改变字体大小代码
在很多大网站上为了提高用户方便阅读文字，都提供有字体大小选择功能，以适应不同年龄段人群的阅读需求，其实这种功能实现起来也很简单，修改起来也方便，字体大号由你来定，默认字体大小可以CSS页面中定义，一般网页的标准字体是9pt，也就是12px；
实例代码一：
!DOCTYPE
html
html
head
title修改字体大小.html/title
meta
http-equiv="keywords"
content="keyword1,keyword2,keyword3"
meta
http-equiv="description"
content="this
is
my
page"
meta
http-equiv="content-type"
content="text/html;
charset=UTF-8"
!--link
rel="stylesheet"
type="text/css"
href="./styles.css"--
style
type="text/css"
div{
border:1px
red
solid;
width:455px;
font-size:16px;
}
.max{
font-size:20px;
}
.moren{
font-size:16px;
}
.min{
font-size:12px;
}
/style
script
type="text/javascript"
//此种方式降低了js和CSS的耦合性
function
changeFontSize(fontStyle){
//
获取节点对象
var
divNode
=
document.getElementsByTagName("div")[0];
//
设置该节点的Name属性以及属性值
divNode.className=fontSize;
}
/*
function
changeFontSize2(fontSize){
//
获取节点对象
var
divNode
=
document.getElementsByTagName("div")[0];
divNode.style.fontSize=fontSize;
}
*/
/script
/head
body
a
href="javascript:void(0)"
onclick="changeFontSize2('20px')"
class="a898-ca59-4e6c-1593 max"大号/a
a
href="javascript:void(0)"
onclick="changeFontSize2('16px')"
class="ca59-4e6c-1593-fe9b moren"中号/a
a
href="javascript:void(0)"
onclick="changeFontSize2('12px')"
class="4e6c-1593-fe9b-cb1d min"小号/a
div
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
这里呢就是显示的文字，通过点击上面的超链接改变此字体大小br/
/div
/body
/html
实例方法二：
html
head
titleJavaScript设置网页字体/title
style
body{
font-size:9pt;
}
/style
/head
body
div
id=zoom这是一段示例文字，你可以点击下边选择不同字号的字体，这段文字会随即改变大小。脚本之家。/div
SCRIPT
language=JavaScript
function
doZoom(size){
document.getElementById('zoom').style.fontSize=size+'pt'
}
/SCRIPT
P
align=right选择字号：[
A
href="javascript:doZoom(13)"13pt（超大）/A
A
href="javascript:doZoom(10.5)"10.5pt（中型）/A
A
href="javascript:doZoom(9)"9pt（标准）/A
]
/body
/html
