JavaScript-如何选择.getPropertyValue（&quot；text-size&quot；）；返回的单位JS查询-堆栈溢出

顺晟科技

2022-10-18 14:04:26

我想要一个元素的字体大小的相对值。即：“ 140%”，或者："较小"；.

当我运行显示的代码时，它返回："；22.4px"；.

任何人都

可以显示如何提取相对值或如何使用绝对值来计算相对值返回到CSS/HTML？

<代码><；HTML（>；）<；头部>；<；样式>；#文本{字体大小：140%；}<；/样式>；<；/标题>；<；身体>；<；部分ID="；文本"；>；示例文本示例文本示例文本<；/部分>；<；脚本>；Var o=document.getElementById（"；text"；）；Var a=window.getComputedStyle（o）；var I=a.getPropertyValue（"；font-size"；）；如果（I=="；140"；）{//或，140%，或任何其他定性的值，真的o.style.fontsize=（I-30）+"；%"；;}<；/脚本>；<；/正文>；<；/HTML>；

我知道在显示的代码片段中，有很多更优雅的方法来获得我所描述的结果，但我选择显示最小的示例，因为我试图实现它的地方有很多“噪音”。我已经确认了这不是问题所在。

顺晟科技：

尝试将字体大小转换为相对值，如下所示

<html>
    <head>
        <style>
            #text {
               font-size: 140% ;
            }
        </style>
    </head>
    <body>
        <section id="text">
             Sample text sample text sample text
        </section>
        <script>
           var o = document.getElementById("text") ;
           var a = window.getComputedStyle(o) ;
           var i = a.getPropertyValue("font-size") ;
           if(i == "140") { //or, 140%, or any other qualitative value, really
                o.style.fontSize = (i - 30) + "%" ;
           }
        </script>
   </body>
</html>

上一篇：在HTML和JavaScript中导下一篇：如何在Django中从base.HT

网站建设

Html

JavaScript-如何选择.getPropertyValue（&quot；text-size&quot；）；返回的单位JS查询-堆栈溢出