可以幫我看下這個改變字體的功能為什么不能實現嗎?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style樣式</title>
</head>
<body>
?<h2 id="con">I love JavaScript</H2>
?<p> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
?<script type="text/javascript">
? ?var mychar= document.getElementById("con");
? ?function change_color(){
? ? ? ?var color=prompt("輸入你想要的顏色:");
? ? ? ?mychar.style.color=(color);
? ? ? ?}
? ?function change_size(){ ? ?
? ? ? ?var size=prompt("輸入你想要的字體大小:");
? ? ? ?mychar.style.fontSize=(size);
? ? ? ?}
? ?function change_background(){
? ? ? ?var background=prompt("輸入你想要的背景:");
? ? ? ?mychar.style.backgroundColor=(background);
? ?}
? ?mychar.style.width="200px";
?</script>
? ?<input type="button" value="點擊修改標題顏色" onclick="change_color()"/><br />
? ?<input type="button" value="點擊修改標題字體大小" onclick="change_size()"/><br />
? ?<input type="button" value="點擊修改標題背景" onclick="change_background()"/>
</body>
</html>
另外兩個BUTTON都可以正常運行,就是字體修改不了輸入多少都沒用,字體大小都不會變化。
2016-08-27
字體尺寸的消息框里面輸入時:數字+px 或者你在代碼里面后綴加上mychar.style.fontSize=size+"px";
2016-07-14
樓上說的對啊,為什么不采納啊,還有size什么的都加個括號是個什么鬼啊。。
2016-07-07
你代碼有問題而已。。能修改的。
原:mychar.style.fontSize=(size);
改:mychar.style.fontSize=(size)+"px";
即:
function change_size(){ ? ?
? ? ? var size=prompt("輸入你想要的字體大小:");
? ? ? mychar.style.fontSize=(size)+"px";
? ? ? }
? mychar.style.fontSize=(size)+"px";
2016-07-06
可以修改的
2016-06-27
不用回答了,我好像懂了,h2標簽好像不能修改