小码哥的IT人生

HTML DOM fontFamily 属性

JavaScript基础 2022-06-08 14:51:14小码哥的IT人生shichen

HTML DOM fontFamily 属性

定义和用法

fontFamily 属性定义用于元素文本显示的字体系列。

语法:

Object.style.fontFamily=font1,font2,....

可能的值

Value Description
font1, font2,.... 字体族名称或类组名称的列表,由逗号分割。

提示和注释

提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。

注释:如果字体族名称中含有空格,请为其加上引号。

实例

本例改变文本的字体系列:

<html>
<head>
<script type="text/javascript">
function setFont()
{
document.getElementById("p1").style.fontFamily="arial,sans-serif";
}
</script>
</head>
<body>
<p id="p1">This is an example paragraph.</p>
<input type="button" onclick="setFont()" value="Change font" />
</body>
</html>

TIY

完整实例【fontFamily - 改变文本的字体系列】:

<html>
<head>
<script type="text/javascript">
function setFont()
{
document.getElementById("p1").style.fontFamily="arial,sans-serif";
}
</script>
</head>
<body>
<p id="p1">This is an example paragraph.</p>
<input type="button" onclick="setFont()" value="Change font" />
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024