Javascript 通过按钮更改文本大小
有人能给我解释一下,为什么“他”的id改变了字体大小,而“叮当”的id保持不变Javascript 通过按钮更改文本大小,javascript,html,css,Javascript,Html,Css,有人能给我解释一下,为什么“他”的id改变了字体大小,而“叮当”的id保持不变 <h1 id="he">Zoznam článkov / Article List</h1> <main id="clanky"></main> //there are articles plugged in there in different function function myFunction() { document.getElementById(
<h1 id="he">Zoznam článkov / Article List</h1>
<main id="clanky"></main> //there are articles plugged in there in different function
function myFunction() {
document.getElementById("he").style.fontSize = "90px";
document.getElementById("clanky").style.fontSize = "90px";
}
Zoznamčlánkov/文章列表
//这里插入了不同功能的文章
函数myFunction(){
document.getElementById(“he”).style.fontSize=“90px”;
document.getElementById(“clanky”).style.fontSize=“90px”;
}
我试着只是改变颜色,看看它是否整体工作,是的,颜色确实在他们两个变化。任何人都可能知道,是什么阻止了要更改的“叮当”字体大小?确实如此。您没有包含足够的内容,但我猜您正在更改div,但是div中有CSS控制的标记
Zoznam/文章列表
废话
为了增加每个元素的字体大小,您必须在某个地方设置根/默认值。这通常只会出现在
的样式中
示例(CSS):
body {
font-size: 16px;
}
现在有了一个“默认”大小,您可以转到所需的元素,并使用rem
和em
单位,而不是px
因此,您现在可以执行1em
,而不是在每个元素上键入16px
这意味着,当您更改根大小时,使用em
或rem
的每个其他元素都应该生效
(注意:此代码段中按钮的字体大小不会更改。如果您希望更改,则必须将CSS中的字体大小:1em;
添加到您的按钮
标记中。)
阅读有关em
和rem
单位的更多信息
document.getElementById('increaseFont')。onclick=function(){
var body=document.getElementsByTagName(“body”)[0];
body.style.fontSize=“22px”/-您希望字体增加的任何内容。
};
document.getElementById('defaultSize')。onclick=function(){
var body=document.getElementsByTagName(“body”)[0];
body.style.fontSize=“16px”/——CSS中的默认字体大小
};代码>
正文{
字体大小:16px;
}
我是一个标题!
我只是一小段
增加所有字体
默认字号
工作正常。也许在主标记内的div上还有其他事件
<h1 id="he">Zoznam clánkov / Article List<br>Hello</h1>
<main id="clanky"></main>
<input type='button' value="Change Font Size" onclick='myFunction();'>
function myFunction() {
document.getElementById("clanky").innerHTML='Hello';
document.getElementById("he").style.fontSize = "90px";
document.getElementById("clanky").style.fontSize = "90px";
}
Zoznam clánkov/文章列表
您好
函数myFunction(){
document.getElementById(“clanky”).innerHTML='Hello';
document.getElementById(“he”).style.fontSize=“90px”;
document.getElementById(“clanky”).style.fontSize=“90px”;
}
正如您所说,文章是从另一个地方插入的,该文章中有内联字体大小,您不能通过在父元素上设置字体大小来覆盖它。仅此而已。您是希望增加每个元素的字体大小还是仅增加这两个元素的字体大小?您在哪里调用了您的函数?对于使用的元素,您是否有一些css样式规则!重要信息
?请发布最小代码,以便我们能更好地帮助您。@HaldenCollier我希望增加每个元素的大小
<h1 id="he">Zoznam clánkov / Article List<br>Hello</h1>
<main id="clanky"></main>
<input type='button' value="Change Font Size" onclick='myFunction();'>
function myFunction() {
document.getElementById("clanky").innerHTML='Hello';
document.getElementById("he").style.fontSize = "90px";
document.getElementById("clanky").style.fontSize = "90px";
}