在 Chrome 中获取自定义 HTML 标签的高度和宽度答案

【问题标题】：Get height & width of custom HTML tag in Chrome在 Chrome 中获取自定义 HTML 标签的高度和宽度
【发布时间】：2013-05-03 01:46:59
【问题描述】：

我在 iframe 中创建了自定义 html 标记。当指针悬停在该元素上时，我尝试从父级获取元素的高度和宽度。有谁知道如何获得该元素的高度和宽度？它在 Firefox 中有效，但在 chrome 中它总是返回 0。

例子：

在 iframe 中，我使用了这样的自定义标签：<item></item>
我像这样从父级访问该元素：

$('#iframe').load(function(){
    $('#iframe').contents().find("item").hover(
        function(){
            var height = $(this).height();
            var width = $(this).width();
            console.log("Height : "+height+" | Width : "+width);
            // it's always return 0 in chrome
        },
        function(){

        },
    );
});

我认为问题在于 chrome 无法识别自定义 html 标签。但我不太确定。感谢您的帮助。

【问题讨论】：

我认为问题在于以下查询：.contents().find("item")。您应该尝试删除 .contents()。如果这不起作用，您能否也发布 html 中最重要的部分？
HTML 中没有“自定义元素”。你为什么要这样做，而不是使用现有的 HTML 元素？
您是否检查过“检查元素”这些元素的计算样式尺寸是多少？

标签： jquery html css google-chrome

【解决方案1】：

文档类型必须像<!DOCTYPE html >一样有效，并将显示块放在'item'元素上

【讨论】：

嘿，谢谢你的回答。我已将显示设置为“内联块”。成功了，非常感谢。