监控元素高度的变化

最新推荐文章于 2023-02-11 09:15:08 发布

weixin_44815983

最新推荐文章于 2023-02-11 09:15:08 发布

阅读量181

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44815983/article/details/114518574

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

let content = $("div.content")[0];
    let header = $("div.panel-heading")[0].offsetHeight;
    var MutationObserver = window.MutationObserver || window.webkitMutationObserver || window.MozMutationObserver;
    var recordHeight = 0;
    var mutationObserver = new MutationObserver(function (mutations) {

        let heights = window.getComputedStyle(content).getPropertyValue('height');
        let hei = parseInt(heights);
        if (hei+header == recordHeight) {
            return;
        }
        let ifr = window.parent.document.getElementById("iframe");
        ifr.style.height=(hei+header)+"px";
        // 之后更新外部容器等操作
    })

    mutationObserver.observe(content, {
        childList: true, // 子节点的变动（新增、删除或者更改）
        attributes: true, // 属性的变动
        characterData: true, // 节点内容或节点文本的变动
        subtree: true // 是否将观察器应用于该节点的所有后代节点
    })