HTML DOM font ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

font ÊôÐÔÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓÐ×ÖÌåÊôÐÔ¡£

Óï·¨£º

Object.style.font=value

¿ÉÄܵÄÖµ

Öµ ÃèÊö
  • fontStyle
  • fontVariant
  • fontWeight
  • fontSize/lineHeight
  • fontFamily
ÉèÖÃ×ÖÌåµÄÊôÐÔ¡£
caption Ϊ¿Ø¼þ¶¨Òå×ÖÌ壨±ÈÈç°´Å¥¡¢ÏÂÀ­ÁбíµÈ£©¡£
icon ¶¨ÒåÓÃÓÚ±êעͼ±êµÄ×ÖÌå¡£
menu ¶¨Òå²Ëµ¥ÖÐʹÓõÄ×ÖÌå¡£
message-box ¶¨Òå¶Ô»°¿òÖÐʹÓõÄ×ÖÌå¡£
small-caption ¶¨ÒåÓÃÓÚ±êעСÐͿؼþµÄ×ÖÌå¡£
status-bar ¶¨ÒåÔÚ´°¿Ú״̬À¸ÖÐʹÓõÄ×ÖÌå¡£

ʵÀý

±¾Àý¸Ä±äÎı¾µÄ×ÖÌ壺

<html>
<head>
<script type="text/javascript">
function setFont()
{
document.getElementById("p1").style.font="italic bold 12px arial,serif";
}
</script>
</head>
<body>

<p id="p1">This is an example paragraph.</p>

<input type="button" onclick="setFont()" value="Change paragraph style" />

</body>
</html>

HTML DOM Style ¶ÔÏó

VUE