Javascript 使用javascipt在文本编辑器中更改字体大小

Javascript 使用javascipt在文本编辑器中更改字体大小,javascript,html,Javascript,Html,我必须通过文本编辑器在应用程序中创建一些内容,但该编辑器没有更改字体大小的选项 但是,文本编辑器允许HTML代码插入其中 我想用JS做这件事,但我一直在寻找正确的方法 我的问题是如何增加p元素中所有文本的字体大小 这是已经在文本编辑器中的html //这是我尝试过但没有成功的方法 document.getElementsByTagName(“html”)[0]。样式[“字体大小”]=“20px” -8分钟阅读 这里我们将看到一些示例。 例1: 要放大所有段落,可以执行以下操作 需要注意的

我必须通过文本编辑器在应用程序中创建一些内容,但该编辑器没有更改字体大小的选项

但是,文本编辑器允许HTML代码插入其中

我想用JS做这件事,但我一直在寻找正确的方法

我的问题是如何增加p元素中所有文本的
字体大小

这是已经在文本编辑器中的
html

//这是我尝试过但没有成功的方法
document.getElementsByTagName(“html”)[0]。样式[“字体大小”]=“20px”

-8分钟阅读

这里我们将看到一些示例。

例1:

要放大所有段落,可以执行以下操作

需要注意的事项包括:

  • script
    元素位于另一个HTML之后(通常位于
    主体
    元素内部)
  • getElementsByTagName
    选择器返回类型
    p
    的所有元素
  • for…语法允许我们循环浏览段落
  • font-size
    属性表示为
    fontSize
    属性
  • -8分钟阅读

    这里我们将看到一些示例。

    例1:

    让段落=document.getElementsByTagName(“p”); 对于(让p为段落){ p、 style.fontSize=“20px”; }
    我们不知道您的“文本编辑器”是如何工作的。您需要提供一个适当的问题列表,比如通过JavaScript添加
    p{font size:20px}
    这样的CSS规则会有帮助吗?因为有现成的解决方案。如果你想使用所有标记,那么就使用document.queryselectorall(“p”)@CBroe不是说问题中的代码是一个
    最小可复制示例
    ?我在该示例中没有看到任何编辑器功能。或者你是说,这不是重要的部分,你基本上只是在问如何为页面上输出的一堆HTML元素设置字体大小?但是可能有很多
    p
    标记,在所有元素中添加类是更好的选择?如果你确定要选择所有
    p
    元素,实际上,您可以只使用
    p{font-size:20px;}
    并跳过课堂内容。(我通常使用类只是为了提醒自己,有一种样式应用于元素,但类绝对不是选择一组HTML元素的唯一方法!使用对您来说最方便的CSS选择器。)我肯定会这样做,但我在案例中观察到的是,当我在文本编辑器中使用CSS时,使用
    服务器清理代码并删除所有内容。所以不能使用
    按元素类型选择是处理样式的一种非常有效的方法。这只取决于代码的其他部分的外观——以及个人偏好。顺便说一下,如果你喜欢这个答案,可以把它标记为“被接受”。