相关网页: 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获取元素的计算样式,即使它没有设置?
答案 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
解决了我的第二个问题。