如何在Javascript中修改计算字体大小

如何在Javascript中修改计算字体大小,javascript,jquery,css,dom,Javascript,Jquery,Css,Dom,我正在尝试更改文本的字体大小,使其适合动态div的尺寸 我已经找到了一些符合要求的jquery代码,但是我不能在代码中使用jquery,需要将其转换为普通javascript 运行转换后的代码时,我收到以下错误: 'Uncaught DomeException:未能在'CSSStyleDeclaration'上设置'font size'属性:这些样式是计算出来的,因此'font size'属性是只读的。' 这是我需要转换的原始jQuery代码: elements = $('.resize') e

我正在尝试更改文本的字体大小,使其适合动态div的尺寸

我已经找到了一些符合要求的jquery代码,但是我不能在代码中使用jquery,需要将其转换为普通javascript

运行转换后的代码时,我收到以下错误: 'Uncaught DomeException:未能在'CSSStyleDeclaration'上设置'font size'属性:这些样式是计算出来的,因此'font size'属性是只读的。'

这是我需要转换的原始jQuery代码:

elements = $('.resize')
el = elements[_i]
以及:

这是我的转换:

elements = document.getElementsByClassName('resize')
el = elements[_i]
以及:


我做错了什么?

您需要将新大小设置为元素的
style.fontSize
属性,而不是从window.getComputedStyle()获得的计算值,例如

--

另一方面,没有直接关系,没有理由让变量名出现两次,您可以使用声明对其进行初始化,即代替:

var elNewFontSize
elNewFontSize = ...
简单地写

var elNewFontSize = ...

添加先把结尾排好。(可能是复制错误)@Mikes3ds我正在Vue2.0中编码,不知怎的,我的JS结尾是;生成语法错误。@Mikes3ds您是说需要分号才能使代码正常工作吗?不,刚刚注意到,不熟悉VUE js框架谢谢@isapir。另一方面,我正在window.onload和window.onresize上运行代码。但是,调整大小不起作用。为什么会发生这种情况?@Marcello这是在公共页面上,我们可以看到它吗?我相信有一个简单的解释不幸的是代码不是公开的。将尝试在笔中复制并重新发布。
el.style.fontSize = elNewFontSize;
var elNewFontSize
elNewFontSize = ...
var elNewFontSize = ...