如何获取link-element的当前fontSize?

时间:2009-07-12 09:20:01

标签: javascript

如何在pxpt中获取元素的fontSize? 或者我可以使用任何其他方法吗?我需要将<a href="...">MAKE ME BIGGER</a>的大小设置为130%,140%,当前大小为N%。

3 个答案:

答案 0 :(得分:1)

如果您使用em单位而不是相对于当前大小,请参阅; http://www.w3schools.com/css/css_units.asp

1em等于当前的字体大小。 2em意味着当前字体大小的2倍。例如,如果元素显示为12 pt的字体,则'2em'为24 pt。 'em'是CSS中非常有用的单元,因为它可以自动适应阅读器使用的字体

<强> [编辑] 你的标签是锚的一部分,是否必须?如果你用;

构建页面怎么样?
<label class="fixed-font">
  <a class="scaled-font">BIGGER TEXT</a> 
  Normal Sized Text
</label>

然后使用scaled-font创建了固定字体的子选择器,例如

label.fixed-font { 
  font-size:12px 
} 
label.fixed-font a.scaled-font 
{ 
  font-size:1.6em; 
}

答案 1 :(得分:0)

也许this website的信息可以帮到你。它允许您使用px或pt指定新的字体大小。

答案 2 :(得分:0)

使文本元素的大小更大,在子span中插入元素的所有内容并设置为此span style =“font-size:N%”:

function makeBigger(lnk){
  var Span = document.createElement('span')
  for(var i = lnk.childNodes.length - 1; i >=0; i--){
    Span.insertBefore(lnk.childNodes[i], Span.firstChild)
  }
  Span.style.fontSize = '120%'
  lnk.appendChild(Span)
}

当然,它在这样的结构中不起作用:

<a ... >MAKE ME BIGGER <label class="some_class_with_fixed_font_size">but not me</label></a>