点击按钮改变字体,例如从宋体变成黑体

<!DOCTYPEhtml><html><body><h1id="id1">MyHeading1</h1><buttontype="button"onclick="doc... <!DOCTYPE html> <html> <body> <h1 id="id1">My Heading 1</h1> <button type="button" onclick="document.getElementById('id1').style.color='red'"> 点击这里!</button> </body> </html>

上面的代码是点击按钮字体变成红色,如果让字体从宋体变成黑体,应该怎么写?
展开
 我来答
well在楼上
2018-05-17 · 超过26用户采纳过TA的回答
知道答主
回答量:39
采纳率:50%
帮助的人:40.6万
展开全部
只需要把代码中控制颜色属性的部分改为字体属性即可。如下
<!DOCTYPE html> <html> <body> <h1 id="id1">My Heading 1</h1> <button type="button" onclick="document.getElementById('id1').style.fontFamily='Simhei, Microsoft YaHei'"> 点击这里!</button> </body> </html>
前提是你的电脑中安装有黑体或微软雅黑。
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
开花的树图文设计
2018-05-17 · TA获得超过884个赞
知道小有建树答主
回答量:2016
采纳率:74%
帮助的人:289万
展开全部
用下面的吧。我给你加了好几个,还给你加了动画。如果不会可以si liao
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button" onclick="change()"> 点击这里!</button>
</body>
</html>

function change() {
var obj = document.getElementById("id1");
obj.style.cssText = "background-color:black; display:block;color:White;font-size:30px;padding:10px;transition:all 1s;
fontFamily='微软雅黑'";
}
追答
   My Heading 1  点击这里!

function change() { var obj = document.getElementById("id1"); obj.style.cssText = "background-color:black; display:block;color:White;font-size:30px;padding:10px;transition:all 1s;fontFamily='微软雅黑'";}
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式