Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript:获取div的高度并在其他div中使用它_Javascript_Html_Css - Fatal编程技术网

javascript:获取div的高度并在其他div中使用它

javascript:获取div的高度并在其他div中使用它,javascript,html,css,Javascript,Html,Css,我想使用javascript获取响应div的高度,并在另一个div中使用输出。 但我对javascript一窍不通 到目前为止,我已经想到: <script language="JavaScript"> var offsetHeight = document.getElementById("myDiv").offsetHeight; var curr_width = parseInt(offsetHeight.style.height); offsetHeight.style.he

我想使用javascript获取响应div的高度,并在另一个div中使用输出。 但我对javascript一窍不通

到目前为止,我已经想到:

<script language="JavaScript">
var offsetHeight = document.getElementById("myDiv").offsetHeight;
var curr_width = parseInt(offsetHeight.style.height); 
offsetHeight.style.height = (offsetHeight);
</script>

<div id="mydiv"></div>
<div id="offsetHeight" style="top:0px"></div>

var offsetHeight=document.getElementById(“myDiv”).offsetHeight;
var curr_width=parseInt(offsetHeight.style.height);
offsetHeight.style.height=(offsetHeight);
所以我想要的是,当我调整文档大小时,
mydiv
的高度用于
style=“top”

有人能帮我吗?那太好了

  • 您必须注意大写/小写字母(
    mydiv
    ->
    mydiv
  • 您需要添加
    px
    来设置元素的高度
  • var offsetHeight=document.getElementById(“mydiv”).offsetHeight;
    document.getElementById(“offsetHeight”).style.height=offsetHeight+'px'
    
    #mydiv{
    背景:红色;
    高度:150像素;
    }
    #越界{
    背景:绿色;
    }

    使用jQuery并让文档加载。把你的逻辑写进去:

    $(document).ready(function(){
      //code here    
    });
    

    试试下面的代码,它可能会对您有所帮助

    var mydivHeight=document.getElementById(“mydiv”).offsetHeight;
    document.getElementById(“offsetHeight”).style.height=mydivHeight+'px'
    
    mydiv
    
    加载DOM后使用脚本…如果没有加载的元素,您将如何读取元素的属性。。?您能在控制台中找到任何错误吗?不,我只是javascript不够好。。我已经作出了一个奇妙的反应交叉淡入头只有css。但问题是我不能在标题下放置div。收割台高度为绝对高度(我需要交叉渐变的绝对高度)。因此,我需要标题的高度作为我的内容标题的顶部值。但我对javascript的了解还不够,不知道如何做到这一点。现在已经搜索了好几天了…在关闭
    标记之前放置脚本。在设置高度时,它应该是
    offsetHeight+'px'
    我按照Rayon的建议做了,但还没有结果。这里的关键点是在关闭
    body
    标记之前放置脚本,或者使用
    DOMContentLoaded
    窗口。onload
    是,你是对的。我想他已经知道了,但我很高兴听到这个回答。如果这对你有效,请接受答案,这样对其他人会有帮助。祝你好运…工作正常,但我需要它来获得具有自动高度的响应图像的高度。当浏览器调整大小时,高度也会改变。所以我尝试了这个:var offsetHeight=document.getElementById(“图img”).offsetHeight;,但没有结果。我应该添加一个“onResize”还是什么?是的,没错。请参见,您可以建议使用相同的方法
    DOMContentLoaded