JavaScript HTML DOM Style fontWeight 属性

• 

  fontWeight 属性

  fontWeight属性设置或返回文本中应显示多么粗或细的字符。

  将p元素的字体粗细设置为“900”：

  document.getElementById("myP").style.fontWeight = "900";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  fontWeight	支持	支持	支持	支持	支持

• 

  语法

  返回fontWeight属性：

  object.style.fontWeight

  设置fontWeight属性：

  object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"
• 

  属性值

  值	描述
  normal	字体很正常。 这是默认值
  lighter	字体更细
  bold	字体是粗体
  bolder	字体更粗
  100 200 300 400 500 600 700 800 900	从浅色到粗体字符定义。 400与normal相同，700与bold相同
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	normal
  返回值：	一个字符串，表示字体的粗体
  CSS版本	CSS1

• 

  更多例子

  可能值的演示：

  var listValue = selectTag.options[selectTag.selectedIndex].text;
  document.getElementById("myP").style.fontWeight = listValue;
  

  尝试一下

  返回p元素的字体粗细：

  alert(document.getElementById("myP").style.fontWeight);
  

  尝试一下
• 

  相关页面

  CSS教程：CSS 字体

  CSS参考：CSS font-weight 属性

  HTML DOM 参考：font 属性