可以帮我看下这个改变字体的功能为什么不能实现吗？
<!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都可以正常运行，就是字体修改不了输入多少都没用,字体大小都不会变化。
个回答
-
- zhouderao
- 2016-08-27 16:07:15
字体尺寸的消息框里面输入时：数字+px 或者你在代码里面后缀加上mychar.style.fontSize=size+"px";
-
- 慕粉3648309
- 2016-07-14 15:11:32
楼上说的对啊，为什么不采纳啊，还有size什么的都加个括号是个什么鬼啊。。
-
- 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";
-
- 慕粉3584201
- 2016-07-06 16:00:36
可以修改的
-
- 小南瓜XW
- 2016-06-27 16:10:36
不用回答了，我好像懂了，h2标签好像不能修改