Javascript 使用javascipt在文本编辑器中更改字体大小
我必须通过文本编辑器在应用程序中创建一些内容,但该编辑器没有更改字体大小的选项 但是,文本编辑器允许HTML代码插入其中 我想用JS做这件事,但我一直在寻找正确的方法 我的问题是如何增加p元素中所有文本的Javascript 使用javascipt在文本编辑器中更改字体大小,javascript,html,Javascript,Html,我必须通过文本编辑器在应用程序中创建一些内容,但该编辑器没有更改字体大小的选项 但是,文本编辑器允许HTML代码插入其中 我想用JS做这件事,但我一直在寻找正确的方法 我的问题是如何增加p元素中所有文本的字体大小 这是已经在文本编辑器中的html //这是我尝试过但没有成功的方法 document.getElementsByTagName(“html”)[0]。样式[“字体大小”]=“20px” -8分钟阅读 这里我们将看到一些示例。 例1: 要放大所有段落,可以执行以下操作 需要注意的
字体大小
这是已经在文本编辑器中的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时,使用
服务器清理代码并删除所有内容。所以不能使用
按元素类型选择是处理样式的一种非常有效的方法。这只取决于代码的其他部分的外观——以及个人偏好。顺便说一下,如果你喜欢这个答案,可以把它标记为“被接受”。