怎么获取svg里面的元素的宽度和高度？

[程老师2088]

有这么段svg代码：
<g>
<text x="20.5" y="7.5" style="font-family:Verdana, sans-serif;font-size:11px;color:black;cursor:default;line-height:14px;fill:black;" r="0" zIndex="1" transform="rotate(-90 20.5 7.5)" text-anchor="end" visibility="inherit">
<tspan x="20.5">34</tspan>
</g>

我想获取到<text>或者<tspan>的宽度和高度，但是读出来的都是0px啊，在firebug下计算出来的确实是有高度和宽度的。。求教给位大神，这个要怎么处理哇。。。。

[fzfei2]

<tspan x="20.5" id="tspan1" >34</tspan> ,加个ID tspan1 js: var el=document.querySelector("#tspan1"); alert( el.offsetWidth ) alert( el.offsetHeight)

[程老师2088]

引用 1 楼 fzfei2 的回复:

<tspan x="20.5" id="tspan1" >34</tspan> ,加个ID tspan1 js: var el=document.querySelector("#tspan1"); alert( el.offsetWidth ) alert( el.offsetHeight)

大神，不行啊，说是undefined...

[程老师2088]

查到了一个getComputedTextLength()的方法，但是这个方法对字符比较多的情况不太适用。。于是我想出了一个超级贱的方法：先把里面的内容设置为一个单字符，用getComputedTextLength()算出一个字符的宽度，然后算总字符的长度。。。贱啊。。。。

[fzfei2]

引用 3 楼 chengzhf 的回复:

查到了一个getComputedTextLength()的方法，但是这个方法对字符比较多的情况不太适用。。于是我想出了一个超级贱的方法：先把里面的内容设置为一个单字符，用getComputedTextLength()算出一个字符的宽度，然后算总字符的长度。。。贱啊。。。。

， #1方法，我在chrome,firefox 下都行，IE下出出是空也不会也 undefined，如果不兼容IE你再试试 offsetWidth offsetHeight