📌  相关文章
📜  HTML | DOM 样式 fontSize 属性(1)

📅  最后修改于: 2023-12-03 15:01:12.800000             🧑  作者: Mango

HTML | DOM 样式 fontSize 属性

HTML是一种标记语言，用于创建网页。DOM (文档对象模型) 是 HTML 和 XML 文档的对象表示方式。 fontSize 属性定义了 HTML 元素的字体大小。

语法
document.getElementById("myText").style.fontSize
返回值

返回一个字符串，表示以字符串形式的“xx-large”样式声明。

属性值

fontSize 属性可设置的值有以下几种：

  • 像素值（如 "20px"）
  • ems（如 "2em"）
  • 百分比（如 "80%"）
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • 初始值：medium
  • 继承性：yes
实例
<!DOCTYPE html>
<html>
<head>
	<title>fontSize 属性实例</title>
	<style type="text/css">
		#example1 {
			font-size: 20px;
		}
		#example2 {
			font-size: xx-large;
		}
	</style>
</head>
<body>
	<p id="example1">这是字体大小为 20px 的段落。</p>
	<p id="example2">这是字体大小为 xx-large 的段落。</p>
	<script type="text/javascript">
		document.getElementById("example1").style.fontSize = "30px";
		document.getElementById("example2").style.fontSize = "small";
	</script>
</body>
</html>
结果

运行上述示例代码后，效果如下：

fontSize 属性示例效果图