Javascript 使用JS更改css

我试图调用一个JS事件，这取决于按下按钮（有三个按钮），我希望一些CSS更改字体大小（每个按钮的大小不同），但我所做的不起作用。有人能帮忙吗

正文{
背景图片：url（“back2.jpg”）；
背景大小：100%100%；
} 
.按钮1{
字号：3px；
}
.按钮2{
字号：26px；
}
.按钮3{
字体大小：45px；
}
.固定{
位置：固定；
顶部：100px；
左：0px；
宽度：150px；
边框：#0E6B5B 3px实心；
背景色：#FF9933；
}
p{
左侧填充：100px；
}
运输署{
填充顶部：10px；
填充底部：50px；
文本对齐：居中；
字体系列：“Lucida控制台”，摩纳哥，monospace；
}
.opac{
不透明度：0.5；
过滤器：alpha（不透明度=10）；/*适用于IE8及更早版本*/
} 
.opac:悬停{
不透明度：1.0；
过滤器：alpha（不透明度=100）；/*适用于IE8及更早版本*/
} 
.MainTable{
边框：#0E6B5B 3px实心；
背景色：#FF9933；
宽度：50%；
填充顶部：10px；
左侧填充：100px；
右边填充：100px；
}
表格中心{
宽度：70%；
左边距：15%；
右边距：15%；
}

CSGO
函数textSizeS（）{
document.getElementById（“Maintbl”）.style.font-size=“3px”；
}
函数textSizeM（）{
document.getElementById（“Maintbl”）.style.font-size=“26px”；
}
函数textSizeL（）{
document.getElementById（“Maintbl”）.style.font-size=“45px”；
}
A A A






政务司司长：下一个专业是围棋
欧洲地区–由DreamHack主持
Wildfi行动
有什么新鲜事吗？有关详细信息，请访问下面的页面！
我们最近对步枪做了一些调整。。。
去吧。M

fontSize

非

font-size

演示

---

像这样，我添加了一个包装器div来设置字体大小，将语法错误从

…style.font-size

更正为

…style.fontSize

，并删除了重复的id（因为它们应该是唯一的）

函数textSizeS（）{
document.getElementById（“MaintblWrapper”）.style.fontSize=“3px”；
}
函数textSizeM（）{
document.getElementById（“MaintblWrapper”）.style.fontSize=“26px”；
}
函数textSizeL（）{
document.getElementById（“MaintblWrapper”）.style.fontSize=“45px”；
}

正文{
背景图片：url（“back2.jpg”）；
背景大小：100%100%；
} 
.按钮1{
字号：3px；
}
.按钮2{
字号：26px；
}
.按钮3{
字体大小：45px；
}
.固定{
位置：固定；
顶部：100px；
左：0px；
宽度：150px；
边框：#0E6B5B 3px实心；
背景色：#FF9933；
}
p{
左侧填充：100px；
}
运输署{
填充顶部：10px；
填充底部：50px；
文本对齐：居中；
字体系列：“Lucida控制台”，摩纳哥，monospace；
}
.opac{
不透明度：0.5；
过滤器：alpha（不透明度=10）；/*适用于IE8及更早版本*/
} 
.opac:悬停{
不透明度：1.0；
过滤器：alpha（不透明度=100）；/*适用于IE8及更早版本*/
} 
.MainTable{
边框：#0E6B5B 3px实心；
背景色：#FF9933；
宽度：50%；
填充顶部：10px；
左侧填充：100px；
右边填充：100px；
}
表格中心{
宽度：70%；
左边距：15%；
右边距：15%；
}

A A A






政务司司长：下一个专业是围棋
欧洲地区–由DreamHack主持
Wildfi行动
有什么新鲜事吗？有关详细信息，请访问下面的页面！
我们最近对步枪做了一些调整。。。
去吧。M

您不能重复使用ID…每个页面上的ID必须是唯一的。ID是什么？按钮？所有的表都有相同的ID。“Maintbl”不只是像这样转储您的HTML-阅读感谢，on：它说，字体大小不是字体大小，我删除了“-”，现在它工作了！谢谢你的帮助。

function textSizeS(){
document.getElementById("Maintbl").style.fontSize  = "3px";
}