HTML DOM maxHeight 属性
JavaScript基础 2022-06-08 14:49:10小码哥的IT人生shichen
HTML DOM maxHeight 属性
定义和用法
maxHeight 属性设置元素的最大高度。
语法：
Object.style.maxHeight=length|%
可能的值
| 值 | 描述 |
|---|---|
| length | 定义元素的最大高度值。 |
| % | 定义基于其包含块的百分比最大高度。 |
实例
本例设置元素框的最大高度：
<html>
<head>
<script type="text/javascript">
function setMaxHeight()
{
document.getElementById("p1").style.maxHeight="10px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="setMaxHeight()"
value="Set max height" />
</body>
</html>TIY
完整实例【maxHeight - 设置元素框的最大高度】：
<html>
<head>
<script type="text/javascript">
function setMaxHeight()
{
document.getElementById("p1").style.maxHeight="10px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="setMaxHeight()" value="Set max height" />
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
