<!DOCTYPE html> <html> <body> <h1 id="id1">My Heading 1</h1> <button type="button" onclick="document.getElementById('id1').style.color='red'"> 点击这里！</button> </body> </html>
上面的代码是点击按钮字体变成红色，如果让字体从宋体变成黑体，应该怎么写？
只需要把代码中控制颜色属性的部分改为字体属性即可。如下
<!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>
前提是你的电脑中安装有黑体或微软雅黑。
<!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>
前提是你的电脑中安装有黑体或微软雅黑。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-05-17
用下面的吧。我给你加了好几个，还给你加了动画。如果不会可以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='微软雅黑'";
}追答
<!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='微软雅黑'";}
