为什么font-weight不能解决某些元素和侧面问题

时间:2014-10-29 14:52:57

标签: javascript css

相关网页: t.whstonecabinet.com

有问题的元素是模块标题" Counter Top"在幻灯片显示图片下,我想要这个标题更厚。从开发人员工具中,我可以看到font-weight样式由delcaration h1,h2,h3,h4,h5,h6{font-weight:normal}控制,因此我尝试将font-weight:bold添加到element.style中。但似乎标题没有任何变化。

我也用javascript检查:

$('h2.title>div')[0].style.fontWeight

返回'',所以我做

$('h2.title>div')[0].style.fontWeight='bold'

事实证明,这相当于将样式直接写入element.style。所以我被困在这里,为什么font-weight:bold不会影响这个元素?

此外,当我使用javascript检查此元素的fontWeight属性时,它返回一个空字符串。我明白这表明样式没有明确设置,但是如何使用javascript获取元素的计算样式,即使它没有设置?

4 个答案:

答案 0 :(得分:0)

我刚刚发现font-weight:bold无效的原因。 字体粗细:粗体仅对某些特定字体有效,在这种情况下字体是“走道”,我认为它没有粗体字。

我仍然需要回答我的第二个问题。

答案 1 :(得分:0)

font-family: 'Walkway', Verdana, Helvetica, Arial, sans-serif;不支持font-weight 对于计算机样式,您可以使用看看here,并且可以在IE9上方使用 使用它像这样工作

var computedStyle = getComputedStyle(document.body, null)
alert(computedStyle.<the property>)

答案 2 :(得分:0)

要回答第二个问题... object.style包含直接应用于元素的样式。使用tagName,className或id等选择器应用的CSS样式不会显示在object.style中。

这是您正在寻找的原生JavaScript:

getComputedStyle(element).propertyName

此外,还有jQuery's .css() method

$(selector).css(propertyName);

答案 3 :(得分:-1)

使用window.getComputedStyle解决了我的第二个问题。