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

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

上面的代码是点击按钮字体变成红色，如果让字体从宋体变成黑体，应该怎么写？展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

well在楼上
2018-05-17 · 超过26用户采纳过TA的回答

知道答主

回答量：39

采纳率：50%

帮助的人：40.4万

我也去答题访问个人页

关注

展开全部

只需要把代码中控制颜色属性的部分改为字体属性即可。如下
<!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>
前提是你的电脑中安装有黑体或微软雅黑。

已赞过 已踩过<

评论收起

约克仪器
2024-10-21 广告

固定点黑体是一种用于工程与技术科学基础学科领域的工艺试验仪器，于2006年5月9日启用。固定点黑体炉是一种用于工程与技术科学基础学科领域的工艺试验仪器，于2006年5月9日启用。以上信息仅供参考，如果你需要了解更详细的信息，建议前往官方网页... 点击进入详情页

本回答由约克仪器提供

开花的树图文设计
2018-05-17 · TA获得超过884个赞

知道小有建树答主

回答量：2016

采纳率：74%

帮助的人：285万

我也去答题访问个人页

关注

展开全部

用下面的吧。我给你加了好几个，还给你加了动画。如果不会可以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='微软雅黑'";}

本回答被提问者和网友采纳