Question

假设我在js中创建了一个html文档：

var myHtmlDoc = document.createElement('html');

然后分配它是一些定义了'@page'的html：

myHtmlDoc.innerHTML = '<html><head><style>@page {size: 320mm 120mm;margin: 10mm;}</style></head><body></body></html>';

上面引用的空格/缩进html是为了便于阅读：

<html>
    <head>
        <style>
            @page {
               size: 320mm 120mm;
               margin: 10mm;
            }
        </style>
    </head>

    <body>
    </body>
</html>

假设我想从myHtmlDoc中获取“大小”和“边距”值（我不会手动定义）并将它们分配给变量。我怎么用原始的javascript和/或jQuery做到这一点？

尝试解决方案：

从此处的答案中尝试了此plunk中显示的解决方案：Find all CSS rules that apply to an element - 如果与@page一起使用会导致错误：

Uncaught SyntaxError：无法在'Element'上执行'matches'：'@ page'不是有效的选择器。

将使用有效/无效的内容更新问题。

如何在Javascript中获取Html的@Page CSS值？

0 个答案: