js设置min-height
时间: 2023-10-16 19:09:58 浏览: 217
您可以使用以下代码来设置元素的最小高度(min-height):
```javascript
var element = document.getElementById("yourElementId");
element.style.minHeight = "200px";
```
上面的代码将选择具有指定ID的元素,并将其最小高度设置为200像素。您可以根据需要将其替换为要操作的元素的实际选择器。此外,您可以更改200px为所需的最小高度值。
相关问题
如何用JS修改这串代码的min-height属性为当前页面高度
您可以使用document.documentElement.clientHeight属性获取页面的高度(不包括滚动条),然后将其赋值给min-height属性。以下是示例代码:
```javascript
let log = document.querySelector('.log');
log.style.minHeight = `${document.documentElement.clientHeight}px`;
window.addEventListener('resize', () => {
log.style.minHeight = `${document.documentElement.clientHeight}px`;
});
```
这段代码将获取log元素,将其min-height属性设置为页面的高度,并添加一个事件监听器,以便在窗口大小调整时更新min-height属性。
.log{ position: absolute; top: 5%; left: 20%; border: 3px solid black; width: 1000px; padding-left: 50px; min-height: 1100px; border-radius: 5%; }如何用JS修改这串代码的min-height属性为随页面高度自动变化
您可以使用window.innerHeight属性获取浏览器窗口的高度,然后将其赋值给min-height属性。以下是示例代码:
```javascript
let log = document.querySelector('.log');
log.style.minHeight = `${window.innerHeight}px`;
window.addEventListener('resize', () => {
log.style.minHeight = `${window.innerHeight}px`;
});
```
这段代码将获取log元素,将其min-height属性设置为浏览器窗口的高度,并添加一个事件监听器,以便在窗口大小调整时更新min-height属性。
阅读全文