亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

可以幫我看下這個改變字體的功能為什么不能實現嗎?

<!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都可以正常運行,就是字體修改不了輸入多少都沒用,字體大小都不會變化。

正在回答

5 回答

字體尺寸的消息框里面輸入時:數字+px 或者你在代碼里面后綴加上mychar.style.fontSize=size+"px";

0 回復 有任何疑惑可以回復我~

樓上說的對啊,為什么不采納啊,還有size什么的都加個括號是個什么鬼啊。。

0 回復 有任何疑惑可以回復我~
#1

桃太郎

var color=prompt("請輸入您想要的顏色值"); prompt文本框中的內容將作為函數color的返還值。也就是說(color)就是顏色值。size同理。 略表拙見,若錯還望指正。
2016-09-11 回復 有任何疑惑可以回復我~

你代碼有問題而已。。能修改的。

原: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";

0 回復 有任何疑惑可以回復我~
#1

桃太郎

也不一定要mychar.style.fontSize=(size)+"px";吧?在prompt()輸入時帶上px就好了,例30px。如有問題,歡迎指正
2016-09-11 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.com//577cba920001853a09360536.jpg

可以修改的

0 回復 有任何疑惑可以回復我~

不用回答了,我好像懂了,h2標簽好像不能修改

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

可以幫我看下這個改變字體的功能為什么不能實現嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號