Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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或Span的动态宽度高度_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用格式化文本获取DIV或Span的动态宽度高度

Javascript 使用格式化文本获取DIV或Span的动态宽度高度,javascript,jquery,html,Javascript,Jquery,Html,获取包含一些非格式化文本的Div或Span的宽度或高度非常容易,例如: <div>Hello World</div> 有没有关于从jquery或js获取动态宽度高度的解决方案的想法?这是因为HTML代码被破坏了 内联元素(span)中不能包含块元素(p),因此浏览器会尽力更正代码。您在其中尝试此操作的特定浏览器通过将块元素移到内联元素外部,使内联元素为空来实现此操作。其工作原理。看看这里的演示字体标签?认真地此外,你不能把里面和那个文本格式…和紧排属性!稍后将使用go

获取包含一些非格式化文本的Div或Span的宽度或高度非常容易,例如:

<div>Hello World</div> 

有没有关于从jquery或js获取动态宽度高度的解决方案的想法?

这是因为HTML代码被破坏了


内联元素(span)中不能包含块元素(p),因此浏览器会尽力更正代码。您在其中尝试此操作的特定浏览器通过将块元素移到内联元素外部,使内联元素为空来实现此操作。

其工作原理。看看这里的演示

字体标签?认真地此外,你不能把里面和那个文本格式…和紧排属性!稍后将使用google进行搜索在这里您的示例返回610如果类选择器可能包含多个jQuery对象,请尝试
$('.caption').get(0).outerWidth()h1
放在
a
标记中。我想说HTML5与HTML3比HTML4更相似;)
<span id="caption" class="caption" style="left: 406px; top: 357.5px;">
<textformat leading="2">
    <p align="LEFT">
        <font face="Verdana" color="#FFFFFF" size="4" kerning="0" letterspacing="0">
            <b>TYPE</b><b><i>iorad</i></b>and<b>PRESS ENTER</b>
        </font>
    </p>
</textformat>
</span>
$(".caption").width() returns 0