如何更改自定义css样式的字体大小？_Css_Styles_Font Size_Head

如何更改自定义css样式的字体大小？

css

如何更改自定义css样式的字体大小？,css,styles,font-size,head,Css,Styles,Font Size,Head,如何使用javascript更改自定义css样式的字体大小我已经看到了如何使用javascript替换内联样式的示例，但是我找不到如何在标题中的非内联自定义样式中替换诸如字体大小之类的属性。例如，我想使用javascript将字体大小从12px更改为20px <head> <style> .mystyle{ font-size:12px; } </style> mystyle先生{ 字体大小：12px； } 为您提供一个包含所有类元素的数组，您可以使

如何使用javascript更改自定义css样式的字体大小

我已经看到了如何使用javascript替换内联样式的示例，但是我找不到如何在标题中的非内联自定义样式中替换诸如字体大小之类的属性。例如，我想使用javascript将字体大小从12px更改为20px

<head>
<style>
.mystyle{
font-size:12px;
}
</style>


mystyle先生{
字体大小：12px；
}

为您提供一个包含所有类元素的数组，您可以使用循环更改每个节点的样式，您可以像使用[]的常规数组一样访问它们。我不确定是否有更舒适的方式

以下是代码：

html:

您还可以将fontsize设置为

较小

，

较大

，以

长度

为单位，还可以继承父元素的字体大小。

以下是代码：

html:

您还可以将fontsize设置为

较小

，

较大

，以

长度

为单位，还可以继承父元素的字体大小。

以下是代码：

html:

您还可以将fontsize设置为

较小

，

较大

，以

长度

为单位，还可以继承父元素的字体大小。

以下是代码：

html:

您还可以将fontsize设置为

较小的

，

较大的

，以

长度

为单位，还可以继承父元素的字体大小。

这将允许您设置对象的字体大小

Object.style.fontSize="value|inherit"

因此，例如，如果您在此页面上打开console并运行：

document.getElementsByTagName('h1')[0].style.fontSize = '35px'

您将看到此页面的页眉增加。

这将允许您设置对象的字体大小

Object.style.fontSize="value|inherit"

因此，例如，如果您在此页面上打开console并运行：

document.getElementsByTagName('h1')[0].style.fontSize = '35px'

您将看到此页面的页眉增加。

这将允许您设置对象的字体大小

Object.style.fontSize="value|inherit"

因此，例如，如果您在此页面上打开console并运行：

document.getElementsByTagName('h1')[0].style.fontSize = '35px'

您将看到此页面的页眉增加。

这将允许您设置对象的字体大小

Object.style.fontSize="value|inherit"

因此，例如，如果您在此页面上打开console并运行：

document.getElementsByTagName('h1')[0].style.fontSize = '35px'

您将看到此页面的页眉增加。

要更改

style

元素中指定的样式表，您可以修改元素内容：

s = document.getElementsByTagName('style')[0];
s.innerHTML += '.mystyle { font-size: 20px; }';

这不会更改现有规则，但会附加覆盖该规则的规则

或者，您可以使用

样式

元素的

工作表

属性，如中所定义：

如果您确实想替换

style

元素中的规则，而不仅仅是覆盖它，那么您需要找到它，遍历

cssRules

对象并获取索引，然后调用

deleteRule

，然后调用

insertRule

，为了更改

style

元素中指定的样式表，您可以修改元素内容：

s = document.getElementsByTagName('style')[0];
s.innerHTML += '.mystyle { font-size: 20px; }';

这不会更改现有规则，但会附加覆盖该规则的规则

或者，您可以使用

样式

元素的

工作表

属性，如中所定义：

如果您确实想替换

style

元素中的规则，而不仅仅是覆盖它，那么您需要找到它，遍历

cssRules

对象并获取索引，然后调用

deleteRule

，然后调用

insertRule

，为了更改

style

元素中指定的样式表，您可以修改元素内容：

s = document.getElementsByTagName('style')[0];
s.innerHTML += '.mystyle { font-size: 20px; }';

这不会更改现有规则，但会附加覆盖该规则的规则

或者，您可以使用

样式

元素的

工作表

属性，如中所定义：

如果您确实想替换

style

元素中的规则，而不仅仅是覆盖它，那么您需要找到它，遍历

cssRules

对象并获取索引，然后调用

deleteRule

，然后调用

insertRule

，为了更改

style

元素中指定的样式表，您可以修改元素内容：

s = document.getElementsByTagName('style')[0];
s.innerHTML += '.mystyle { font-size: 20px; }';

这不会更改现有规则，但会附加覆盖该规则的规则

或者，您可以使用

样式

元素的

工作表

属性，如中所定义：

如果您真的想替换

style

元素中的规则，而不仅仅是覆盖它，那么您需要找到它，遍历

cssRules

对象并获取索引，然后调用

deleteRule

，然后调用

insertRule

，这可能会达到预期的效果，但是它没有做问题要求的事情：它没有替换

style

元素中的任何内容，它只是引入了一些覆盖其效果的规则。这可能会产生预期的效果，但它没有做问题要求的事情：它没有替换

style

元素中的任何内容，它只是引入了一些覆盖其效果的规则。这可能会产生预期的效果，但它并没有满足问题的要求：它不会替换

style

元素中的任何内容，它只是引入了一些覆盖其效果的规则。这可能会产生预期的效果，但它并没有满足问题的要求：它并没有取代

style

元素中的任何内容，它只是引入了一些覆盖其效果的规则。