与其他页面相比，第一页显示不同的 HTML header

Question

我正在使用名为 Nreco 的 HTML 转 PDF 库将 HTML 页面转换为 PDF。该任务包括在每个页面上设置相同的 header，除了第一页包含收件人地址作为 header.

的一部分

我想知道实现它的最佳方法是什么。 Nreco C# 库允许设置文档范围 header，根据每个页面保持相同。

我是一个 HTML/CSS 业余爱好者。我的想法是：应该可以以某种方式（条件语句）仅在第一个 header 上添加收件人地址，并在所有其他 header 实例上省略它。但是，我找不到在 header 代码中访问页面计数器的方法，也没有在 HTML/CSS.

中指定条件运算符的选项

代码：

 <td colspan="4" rowspan="11" width="100%" class="textTopLeft">
                        <p>
                            {billingRecipient1}
                            <br>
                            {billingRecipient2}
                            <br>
                            {billingRecipient3}
                            <br>
                            {billingRecipient4}
                        </p>
 </td>

Answer 1

我找到了解决办法。

我将我的块包装在一个名为 headerStyle 的 div 中。然后在我的内部块中添加了一个 ID，称为 dynamicSection。在此之后，我添加了这个脚本来隐藏除第一个页面之外的任何页面上的 dynamicSection 块。

 var y = document.getElementsByClassName('headerStyle');
 for (var j = 0; j < y.length; j++) {
      if (vars[x[2]] != 1) {                     
          document.getElementById('dynamicSection').style.cssText = 'display: none;';
      }
 }

希望这对某人有所帮助！

与其他页面相比，第一页显示不同的 HTML header

Display different HTML header on first page compared to other pages

html

css

c#

nreco