如何根据数据库返回值设置PDF中Div的display:none样式？

一、PHP直接实现（推荐方案） #

如果你的PDF是通过PHP后端生成（比如用TCPDF、mPDF、wkhtmltopdf这类工具），直接用PHP的条件判断控制是否输出vat模块是最可靠的，不需要依赖JavaScript。

场景1：使用PHP PDF库直接生成 #

// $data为数据库返回的数组
if ($data["country"] !== "Germany") {
    // 仅当国家不是德国时，输出VAT相关内容
    $pdf->writeHTML('<div id="vat">VAT 相关内容</div>', true, false, true, false, '');
}

场景2：先渲染HTML再转PDF #

如果是先通过PHP渲染HTML页面，再转为PDF，直接在HTML模板里加条件判断：

<?php if ($data["country"] !== "Germany"): ?>
<div id="vat">VAT 相关内容</div>
<?php endif; ?>

这种方式下，德国用户的页面里根本不会包含vat的div，转成PDF后自然不会显示，比JS控制更稳定（部分PDF生成工具不支持执行JS）。

二、JavaScript实现（前端生成PDF场景） #

如果是前端用jsPDF这类库生成PDF，你的代码需要放在DOM完全加载完成后执行，否则会找不到vat元素。

正确的代码放置方式 #

方式1：放在body标签末尾

<body>
  <!-- 页面其他内容 -->
  <div id="vat">VAT 内容</div>

  <script>
    // 从后端获取数据（PHP将数据转为JSON输出到前端）
    const data = <?php echo json_encode($data); ?>;
    
    if (data.country === "Germany") {
      document.getElementById("vat").style.display = "none";
    }

    // 此处执行前端生成PDF的代码（比如jsPDF的逻辑）
  </script>
</body>

方式2：监听DOM加载完成事件

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const data = <?php echo json_encode($data); ?>;
    
    if (data.country === "Germany") {
      document.getElementById("vat").style.display = "none";
    }

    // 执行PDF生成代码
  });
</script>

内容的提问来源于stack exchange，提问作者Nyghtqore