javascript - 使用 rotativa 转换为 pdf 时，如何使用 javascript 动态地将 css 属性添加到 div 类？

Question

<div id="mainDiv" class="watermark" style="font-family: Calibri; padding: 10px; border: 1px solid lightgrey;">
        <script type="text/javascript">
            (function () {
                var watermarkImage = "url(../../Resources/Watermark/" + @Model.Watermark + ".png)";
                var x = document.getElementsByClassName("watermark");

                x.setAttribute('background-image', watermarkImage);
                x.setAttribute('background-repeat', 'repeat-y')
            })();
        </script>

我正在使用 mvc + rotativa 将 cshtml 转换为 pdf。我已从 Controller 传递了图像名称。但是当生成pdf时，水印不会出现。我想使用 javascript 将 css 属性添加到 div 类。

Answer 1

如果您想将 CSS 添加到具有唯一 id 的单个 block ，请尝试以下代码:

<script type="text/javascript">
            (function () {
                var watermarkImage = "url(../../Resources/Watermark/" + @Model.Watermark + ".png)";
               document.getElementById("mainDiv").style.background-image = watermarkImage;
               document.getElementById("mainDiv").style.background-repeat = 'repeat-y';
             })();
</script>

希望这对您有帮助!