将HTML元素中的CSS类替换为其JavaScript中的CSS属性

Question

我正在尝试使用JavaScript（类似于屏幕截图）获取HTML页面的源代码。对于样式，我使用外部CSS。但是，当我获得HTML源代码时，将不会应用样式，因为我将无法获得元素的CSS属性。

所以，我想知道是否可以将CSS类名称替换为该类中定义的实际CSS属性。例如

对于HTML元素，

<div class="exampleClass"><div>

和CSS，

.exampleClass {
    background-color:#FFFFFF;
}

然后将使用Javascript提取源代码

<div style="background-color:#FFFFFF;"><div>

如何在JavaScript中执行此操作？谢谢

Answer 1

您可以将所需的类分配给JavaScript中的HTML标签。例如：

const div = document.createElement('div');
div.className = 'exampleClass';
document.body.appendChild(div);

或

div.classList.add('exampleClass');