如何使用document.execCommand更改字体大小？
document.execCommand是一个用于执行命令的方法，可以在浏览器中修改文本的样式、格式和布局。要使用document.execCommand更改字体大小，可以按照以下步骤进行操作：
- 首先，确保你正在操作的是一个可编辑的元素，比如一个textarea或contenteditable属性设置为true的元素。
- 使用document.execCommand方法来执行"fontSize"命令，并传递一个参数来指定字体大小。例如，要将字体大小设置为14像素，可以使用以下代码：
- 使用document.execCommand方法来执行"fontSize"命令，并传递一个参数来指定字体大小。例如，要将字体大小设置为14像素，可以使用以下代码：
- 这将在当前光标位置或选中的文本上应用14像素的字体大小。
- 如果要在整个可编辑元素中应用字体大小，而不仅仅是当前光标位置或选中的文本，可以在执行命令之前先将焦点设置到该元素上。例如，如果你的可编辑元素具有id为"myTextarea"，可以使用以下代码：
- 如果要在整个可编辑元素中应用字体大小，而不仅仅是当前光标位置或选中的文本，可以在执行命令之前先将焦点设置到该元素上。例如，如果你的可编辑元素具有id为"myTextarea"，可以使用以下代码：
- 这将在整个可编辑元素中应用14像素的字体大小。
需要注意的是，document.execCommand方法已被废弃，不建议在新的项目中使用。推荐使用更现代的方法，如直接操作DOM或使用富文本编辑器库来实现更复杂的文本编辑需求。
腾讯云相关产品和产品介绍链接地址：
相关·内容
例如，如何使用document.execCommand将字体大小更改为30pxdocument.execCommand("fontSize", false, "30px");
不起作用，因为在函数
浏览 4提问于2011-05-03得票数 20
回答已采纳
1回答
我有一个字体样式在我的htm文件FONT{ font-size:11px; }，这将是加载初始时我的htm加载现在我想更改字体大小使用以下命令document.execCommand("fontsize", "", "5");执行后现在字体标签组成的属性size = "5“，但我可以看到字体大小:11px仍然在当前样式的IE开发者工具栏。如何更改字体大小请帮助。
浏览 2提问于2011-03-17得票数 0
contentEditable仍然有许多浏览器不兼容的地方，但我想我会试一试，并在我正在开发的web应用程序中大量使用它。在使用它的过程中，我发现了一堆可以通过execCommand调用的选项。火狐的contentEditable可以让你调用和要将字体大小</
浏览 1提问于2011-12-01得票数 1
我一直在尝试使用以下函数在div中使用document.execCommand更改选定文本的font-size： 'text': document.getSelection() document.execCo
浏览 53提问于2018-08-18得票数 1
回答已采纳
fontSize + "px"; taillesDropDown.appendChild(li);为了给每个项目一个事件，我使用这个脚本attribuer ce que nous voulons faire quand nous cliquons. document.execCommandeditableContent div中选定文本的<em
浏览 4提问于2014-03-01得票数 3
回答已采纳
3回答
我正在制作像应用程序一样的google文档，我希望用户能够选择文本，然后将大小更改为他们想要的大小。我试着使用变量，但没有起作用，所以我不知道该怎么做。是否有任何方法允许用户更改字体大小，如果是的话，如何更改？<!<link rel="stylesheet" href="index.css" /> <body>
<butt
浏览 4提问于2022-08-06得票数 0
1回答
我已经搜索过类似的问题，但似乎它们都包含在使用contenteditable="true"创建可编辑的div中。
我很好奇跟踪添加到文档中的所有格式化标签的最有效方法。
浏览 7提问于2016-02-09得票数 0
我希望它像word一样，在单击特定的文本样式后，它将开始使用该文本样式进行键入，但不会影响div中的其他文本。$(document).ready(function() { document.execCommanddocument).ready(function() {
浏览 5提问于2020-05-08得票数 0
回答已采纳
我在这里使用contenteditable编写了一个小脚本。<button id="toggle_bolt" onclick="document.execCommand('italic');">toggle italic</button>
<buttonid="toggle_bolt" onclick=
浏览 3提问于2015-10-20得票数 1
我在div上使用内容可选，并希望为所选文本添加一个增加字体大小的按钮。
选定的文本，意思是用光标突出显示。为了运行document.execCommand('fontsize', false, size);，我需要知道所选文本的大小，所以我可以将其增加1。如何获得当前选定文本的字体大小？我还尝试了document.execCommand('increaseFontSize', true, 1)，假设它会增加一个整数，但是没有发生任何事情，甚至没有一
浏览 0提问于2019-05-19得票数 0
回答已采纳
我正在做我自己的wysiwyg，我面临的问题是代码只接受从1到7(包括在内)的值，以便分配给“字体”标签的但是，我需要设置字体大小，以像素为单位。
我在类似的中找到了示例。但是这种方法的问题是它只改变选定文本的字体大小。如果您的目标是在键入文本之前设置字体大小，它将无法工作。
浏览 13提问于2012-03-12得票数 2
1回答
我想用JavaScript创建一个小型的HTML编辑器，在这里我可以将选定文本的字体大小设置为一些特定的CSS值。根据文档，使用FontSize命令设置字体大小，如下所示：x必须是介于1到7之间的字体大小。这不是很有用，因为我想要创建一个字体大小比7大得多的下拉框，并且我想使用像素作为字体大小单位，所以最后我希望选择的文本用像<span
浏览 2提问于2012-01-04得票数 2
2回答
可以从定制部件(13-15px)更改默认字体大小。按钮调用该函数： document.execCommand
浏览 4提问于2013-07-13得票数 1
回答已采纳
我想知道，在将文本复制到剪贴板上时，是否可以从网页上显示的以下元素设置特定的字体和字体大小：使用按钮：由以下javascript位支持： var $temp = $
浏览 0提问于2018-03-19得票数 2
在尝试将ExtJs HtmlEditor集成到我们的项目中时，我遇到了一些跨浏览器的问题：这是由浏览器的Midas引擎完成的(文档如下：)。该实现调用：
document.execCommand('FontSize', false, value);
浏览 1提问于2010-10-05得票数 0
回答已采纳
"Arial">Arial</option>
</div> <option value = "Monospace"
浏览 0提问于2020-10-10得票数 0
1回答
现在，我将originalText更改为图标。问题是，图标变成了旧的"kopiert“文本，2秒后又变成了originalText。但是图标不再是文本了，所以它变成了空。我如何才能改变这一点，让它再次回到图标？另外，我想将"kopiert“文本替换为相同的图标，但图标有点大。我可以使用什么方法或函数来实现这一点？ 返回图标的问题得到了解决。我只是不知道如何在Javascript中让图标变大。我想我需要更改字体大小，但是我如何在Javascript中做
浏览 11提问于2021-07-02得票数 0
1回答
targetElement); if (command == 'h1' || command == 'h2' || command == 'p') { } else document.execCommand(targetElement.data('command&#x
浏览 1提问于2017-05-31得票数 1
回答已采纳
1回答
我正在使用jQuery构建一个文本编辑器。我有一个内容可编辑的div，当我单击该<span id="bold-text">时，我可以更改所选文本的样式：});
在执行document.execCommand之后(或者可能是因为单击)跨度选择松散了焦点。如何在exec
浏览 2提问于2017-05-23得票数 0
document.execCommand("delete");以上两个命令在Chrome/Firefox中运行得非常好，但我无法在IE11中使用它。只有当我们选择文本范围时，document.execCommand("delete")才能在IE中工作。如何使它在Chrome中工作(比如使用backspac
浏览 0提问于2018-11-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
