点击按钮改变字体,例如从宋体变成黑体
发布网友
发布时间：2022-04-24 11:40
共2个回答
热心网友
时间：2023-10-11 11:53
只需要把代码中控制颜色属性的部分改为字体属性即可。如下
<!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>
前提是你的电脑中安装有黑体或微软雅黑。
热心网友
时间：2023-10-11 11:54
用下面的吧。我给你加了好几个，还给你加了动画。如果不会可以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='微软雅黑'";}
