可以帮我看下这个改变字体的功能为什么不能实现吗？-慕课网

可以帮我看下这个改变字体的功能为什么不能实现吗？

来源：3-4 改变 HTML 样式

小南瓜XW

2016-06-27 16:09

<!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回答

zhouderao

2016-08-27 16:07:15

字体尺寸的消息框里面输入时：数字+px 或者你在代码里面后缀加上mychar.style.fontSize=size+"px";

0 0
慕粉3648309

2016-07-14 15:11:32

楼上说的对啊，为什么不采纳啊，还有size什么的都加个括号是个什么鬼啊。。

1 0

桃太郎

var color=prompt("请输入您想要的颜色值"); prompt文本框中的内容将作为函数color的返还值。也就是说（color）就是颜色值。size同理。略表拙见，若错还望指正。

2016-09-11 23:43:04

共 1 条回复 >
Lis丶

2016-07-07 10:04:59

你代码有问题而已。。能修改的。
原：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";

1 0

桃太郎

也不一定要mychar.style.fontSize=(size)+"px";吧？在prompt()输入时带上px就好了，例30px。如有问题，欢迎指正

2016-09-11 23:50:29

共 1 条回复 >
慕粉3584201

2016-07-06 16:00:36

可以修改的

0 0
小南瓜XW

2016-06-27 16:10:36

不用回答了，我好像懂了，h2标签好像不能修改

0 0