HTML DOM color ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

color ÊôÐÔÉèÖÃÎı¾µÄÑÕÉ«£¨ÔªËصÄǰ¾°É«£©¡£

Óï·¨£º

Object.style.color=color

¿ÉÄܵÄÖµ

Öµ ÃèÊö
color

ÑÕɫֵ¿ÉÒÔÊÇÑÕÉ«Ãû³Æ¡¢rgb Öµ»òÕßÊ®Áù½øÖÆÊý¡£

ĬÈÏÖµ£ºÈ¡¾öÓÚä¯ÀÀÆ÷¡£

ʵÀý

±¾Àý¸Ä±äÎı¾µÄÑÕÉ«£º

<html>
<head>
<script type="text/javascript">
function setColor()
{
document.getElementById("p1").style.color="#ff0000";
document.getElementById("p2").style.color="magenta";
}
</script>
</head>
<body>

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

<input type="button" onclick="setColor()"
value="Change color of text" />

</body>
</html>

HTML DOM Style ¶ÔÏó

VUE