Fatal编程技术网
  • javascript/
  • Javascript 如何使用当前HTML高度更改（DOM）CSS？

Javascript 如何使用当前HTML高度更改（DOM）CSS？

javascript html css

Javascript 如何使用当前HTML高度更改（DOM）CSS？,javascript,html,css,Javascript,Html,Css,我试图创建一个函数，当我点击一个按钮时，将CSS更改为当前高度。它不会读取当前高度 var height=$（window.height（）； 函数openNav（）{ document.getElementById（“bodypacity”）.style.height=高度； } #车身容量{ 宽度：100%； 背景色：黑色； 不透明度：0.4； 位置：绝对位置； z指数：999； } 和#9776； 如果我理解正确，您希望获得窗口的高度，并将元素设置为等于高度。您很快就可以实现这一目标了

我试图创建一个函数，当我点击一个按钮时，将CSS更改为当前高度。它不会读取当前高度

var height=$（window.height（）；
函数openNav（）{
document.getElementById（“bodypacity”）.style.height=高度；
}
#车身容量{
宽度：100%；
背景色：黑色；
不透明度：0.4；
位置：绝对位置；
z指数：999；
}


    和#9776；
如果我理解正确，您希望获得
窗口的
高度
，并将元素设置为等于
高度
。您很快就可以实现这一目标了，您只需将
“px”
添加到最终的
高度，因为
$（window）。height（）
只返回数字，因此您可以使用
$（window）。height（）+“px”
设置实际高度，它将是
document.getElementById（“target”）。style.height=height+“px”在您的情况下：



var height=$（window.height（）；
函数openNav（）{
document.getElementById（“目标”）.style.height=height+“px”；
}


html，
身体{
保证金：0；
填充：0；
}
#目标{
宽度：100%；
高度：50px；
背景颜色：皇家蓝；
}



设定高度

提供的代码有什么问题？有什么意外的工作吗？在哪里以及如何调用
openNav
？请提供一个.HTML
    ☰
CSS#bodypacity{width:100%；背景色：黑色；不透明度：0.4；位置：绝对；z-index:999；@commercialsequence我想获得当前页面的高度，这样比像document.getElementById（“bodypacity”）这样的大小更灵活。style.height=“1000px”；@Steveruu请回答您的问题。
bodypacity
元素在哪里？