使用 javascript 将自动生成的 HTML 中的字体大小从 px 更改为 em

Change font-size in auto-generated HTML from px to em using javascript

本文关键字：px em 字体 javascript 自动生成 HTML 使用      更新时间：2023-09-26

我有一个从我无法控制的 Web 服务生成的HTML。 该HTML的字体大小为 px 和 pt 。我的要求是将所有字体大小更改为em。

这是我尝试过的：

我尝试使用以下方法访问所有<font>标签：

document.getElementByTagName('font').style.fontSize;

但是，即使我在HTML中有很多字体标签，它也null返回。

我阅读的所有相关来源都假设我们可以控制CSS或HTML，因此不适用于我的问题。

简而言之，我想解析HTML并找到所有内联样式（字体大小）并从任何其他类型更改为em。

如果样式是HTML格式，那么它是内联样式。没有CSS魔法可以覆盖它。您需要做的是直接修改内联样式。

以下是您要查找的内容：

var elem = document.getElementById("elementID");
elem.setAttribute("style", "font-size: 2em");

你会在IE中遇到问题setAttribute所以如果这是一个问题......您需要编写回退来处理它。

试试document.getElementsByTagName.......您忽略了 S :)

您的方法的问题在于您正在尝试更改整个节点列表的样式。

当你调用getElementsByTagName时，你不会得到一个元素。您需要循环访问节点中的元素，然后对每个元素使用 elememt.style.fontSize = size;。

这是一个实现该 http://jsfiddle.net/Kfd2R/的小提琴

相关文章：